Brand
Guidelines and assets for using the Frame brand. Download logos, colors, and typography for your projects.
Logo
Logo & Mark
The Frame mark is a pair of bracket corners. Use the full logo when space allows, the mark alone at small sizes.
Mark
Indigo on light
White on indigo
Full Logo
Indigo on light
White on indigo
Color
Color Palette
A neutral gray foundation with a deep indigo accent. Semantic colors are distinct from the brand accent.
Light Mode
Brand Accent
#4338CA
Primary actions, logo
Accent Foreground
#F0F5F1
Text on accent
Background
#F7F8F9
Page background
Foreground
#131619
Primary text
Muted
#5F6B7A
Secondary text
Border
#DFE2E6
Dividers, outlines
Positive
#1A9D4B
Success states
Negative
#D92B3A
Error states
Dark Mode
Brand Accent
#3FB950
Primary actions, logo
Accent Foreground
#0D1117
Text on accent
Background
#0D1117
Page background
Foreground
#F0F6FC
Primary text
Muted
#8B949E
Secondary text
Border
#30363D
Dividers, outlines
Positive
#7EE787
Success states
Negative
#F85149
Error states
Typography
Typefaces
Three fonts form the typographic system. Headings, body, and monospaced for financial figures.
Headings
'Space Grotesk', system-ui, sans-serif
The quick brown fox jumps over the lazy dog
Body
'Inter', system-ui, sans-serif
The quick brown fox jumps over the lazy dog. Frame provides modern tax and financial planning for individuals and families.
Monospace
'JetBrains Mono', 'SF Mono', monospace
$1,234,567.89 · +12.4% · Q4 2025
Guidelines
Usage Guidelines
Keep the Frame brand consistent across all touchpoints.
Maintain clear space around the logo equal to at least the height of the bracket mark.
Use the logo on white, off-white, dark, or brand indigo backgrounds only.
Use the indigo (#4338CA) mark in light mode and white mark in dark mode.
Stretch, distort, rotate, or add effects to the logo.
Change the logo colors beyond the approved variants.
Place the logo on busy backgrounds or photographs without a container.
Use the brand accent indigo (#4338CA) for success states — use the semantic positive color instead.