Brand Assets
A
A compact visual system for bold headings, electric green accents, off-white space, and confident product-facing typography.
01 / Colors
Brand palette
Use off-white as the canvas, dark brown for contrast, and green as the sharp accent. The gradient is reserved for moments that need energy.
White
#E7EBD4
Dark Brown
#262221
Light Green
#00D55A
Green Gradient
#00D55A → #00A856
02 / Typography
Typeface system
Heavy condensed headings create the brand’s loud display voice. Mona Sans supports clear body copy, UI labels, and longer-form paragraphs.
Display / Headings
SF PRO CONDENSED
BLACK BOLD MEDIUM 1234567890
Body / Interface
SF PRO CONDENSED
Use medium weights for text, labels, and longer supporting copy.
Heading scale
Heading 1 — Black
Heading 2 — Bold
Heading 3 — Section
Heading 4 — Card Title
Heading 5 — Label Title
Paragraph / Lead
Confident opening copy for hero intros, brand statements, and section summaries.
Paragraph / Body
Default paragraph copy for product descriptions, case study notes, and supporting brand documentation.
Paragraph / Small
Compact explanatory copy for helper text, card descriptions, and secondary details.
Paragraph / Caption
Use for labels, section numbers, swatch names, and compact metadata.
03 / Applied system
How it should feel
Dark hero
MOVE FAST. STAY SHARP.
Use dark surfaces when the brand needs maximum contrast and the green accent should feel electric.
Light editorial
Active
LOUD TYPE, QUIET SPACE.
Use the off-white system for documentation, portfolios, and product pages that need confidence without visual noise.
Gradient is the high-energy accent — not the default background.
Reserve for moments of emphasis.