Stuart's Style Guide

Logo

My Logo is losely baased on the classic two-by-two "I Heart NY" t-shirt design. In it's standard state, the icon in the bottom right is a mouse cursor. This icon can be swapped out depending on the context document.

Fonts

Shirkhand is the accent font for my styleguide, used primarily for headers and other large pieces of text. It's curved style conveys a certain amount of personality, without looking too unprofessional.

Montserrat is the straight-laced foil to Shirkhand. This light sans-serif font is useful for large copy or sectiosn of UI text.

Colors

#C4E5E5

#76C2C2

#29A0A0

#228383

#1E7575

#BECFE3

#7EA0C7

#4E7DB2

#4772A2

#395B82

#D6CBE4

#AE97CA

#9071B7

#765D96

#4F3E64

#EF8354

#F3A482

#EF8354

#C46C45

#995436

#F3C3BF

#E8887F

#E05c50

#B84C42

#8F3B33

My style guide uses five different colors. They're somewhat desaturated, going for a more neutral looking tone. The teal, blue, and purple colors are used for accent colors, while orange and red are used for warnings and errors. Each color also has several darker and lighter shades for different contexts, such as the #C4E5E5 font color on this page, or the #228383 line underneath the title.