Brand Assets
Everything you need to represent Genesis Flow Labs correctly. Logos, colors, typography, and usage guidelines.
Logo
The Genesis Flow Labs mark is a geometric giraffe rendered in teal with an amber accent.
Usage rules
- Always face the mark right
- Minimum 32px on screen
- Maintain clear space equal to 25% of mark width
- Never rotate, skew, or add effects
Color Palette
Cream
Light mode backgrounds
Teal
Primary brand color, links, buttons
Teal Dark
Hover states, pressed
Teal Light
Badges, highlights
Amber
Accent, CTAs, warmth
Amber Light
Callout backgrounds
Charcoal
Text (never pure black)
Navy
Dark mode background, footer
Warm Gray
Alternate light sections
Typography
Plus Jakarta Sans (headings)
The quick brown fox (500)
The quick brown fox (600)
The quick brown fox (700)
The quick brown fox (800)
DM Sans (body)
The quick brown fox jumps over the lazy dog (300)
The quick brown fox jumps over the lazy dog (400)
The quick brown fox jumps over the lazy dog (500)
DM Mono (data, code)
const rate = 100; // $100/hr dev
status: deployed | uptime: 99.7%
Usage rules
- Headings always Plus Jakarta Sans
- Body text always DM Sans (weight 300 default)
- Data and code always DM Mono
- Never use more than 3 heading levels per page
- Max body text width 672px
Usage Guidelines
Do
- Use approved color combinations
- Maintain minimum sizes
- Keep clear space around the logo
- Use the full lockup or mark alone
Don't
- Rotate or skew the logo
- Add shadows or effects
- Place on busy photos without backing
- Use colors outside approved palette
- Make the giraffe face left
Download Brand Kit
Get the complete brand package: logos in SVG and PNG, color tokens, typography tokens, and full brand guidelines.
Questions about brand usage? Email [email protected]