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
Green on white
White on green
White on dark
Wordmark
Green on white
White on green
White on dark
Full Logo
Green on white
White on green
White on dark
Color
Color Palette
A neutral gray foundation with a deep forest green accent. Semantic colors are distinct from the brand accent.
Light Mode
Brand Accent
#14442B · 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 world-class financial and tax insights 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 green backgrounds only.
Use the green (#14442B) 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 green (#14442B) for success states — use the semantic positive color instead.