Brand
Guidelines for using the StackWho name, logo, and brand assets. Please use these consistently when referencing StackWho.
Logo
|
StackWho
Light background
StackWho
Dark background
Always use the icon mark alongside the wordmark. Do not separate the icon from the text, alter proportions, or add effects.
Icon Mark
|
Brand
Reversed
Mono
Favicon
|
32px
24px
16px
The favicon uses the icon mark on a brand-green rounded square. SVG format ensures crispness at all sizes.
Social Media
|
Square
Profile pictures
Circle
X, LinkedIn, etc.
Dark
Dark mode profiles
Use the square avatar for platforms that crop to a circle (Twitter/X, LinkedIn). The circle variant is pre-cropped for platforms that display square avatars. PNG exports are 1024×1024px.
Colors
Brand
#059669
Brand Light
#34D399
Brand Dark
#047857
Ink
#0b0b0b
Background
#faf9f6
Surface
#f5f2ed
Border
#ece7df
Brand BG
#ECFDF5
Typography
Font Family
Inter
Weights: Regular (400), Medium (500), Semibold (600), Bold (700), Extrabold (800)
Scale
Heading Large text-2xl bold
Heading Medium text-lg bold
Heading Small text-base semibold
Body text for descriptions and content. text-sm
Caption and metadata text-xs
Usage Guidelines
Do
Use the logo with adequate clear space around it (at least the width of the icon mark).
Do
Write "StackWho" as one word with a capital S and W.
Do
Use the brand green (#059669) or dark ink (#0b0b0b) icon on light backgrounds.
Don't
Alter the logo colors, rotation, or proportions.
Don't
Place the logo on busy or low-contrast backgrounds.
Don't
Write as "Stack Who", "Stackwho", "stackwho", or "STACKWHO".
Questions about brand usage? Get in touch