Visual identity system. Everything someone needs to represent the brand consistently across website, decks, docs, and social.
Logo
| Variant |
File |
Use When |
| Primary (full color) |
Upload or link |
Default — website, decks, documents |
| Light / White |
Upload or link |
Dark backgrounds |
| Dark / Black |
Upload or link |
Light backgrounds |
| Icon only |
Upload or link |
Favicons, social avatars, small spaces |
Logo usage rules:
- Minimum clear space: define
- Minimum size: define
- Never stretch, rotate, or change colors
- Never place on busy/patterned backgrounds without a container
Colors
Primary Palette
| Name |
Hex |
RGB |
Use |
| Primary |
# |
|
Headlines, CTAs, primary brand elements |
| Secondary |
# |
|
Supporting elements, accents |
| Dark / Text |
# |
|
Body text, headings |
| Light / Background |
# |
|
Page backgrounds, cards |
Accent / Extended Palette
| Name |
Hex |
Use |
| Success |
# |
Positive indicators, confirmations |
| Warning |
# |
Alerts, attention needed |
| Error |
# |
Errors, critical items |
| Neutral / Gray |
# |
Borders, dividers, muted text |
Typography
| Use |
Font |
Weight |
Size |
Notes |
| Headings |
|
Bold |
|
|
| Sub-headings |
|
Semi-bold |
|
|
| Body text |
|
Regular |
|
|
| Captions / Small |
|
Regular |
|
|
| Code / Monospace |
|
Regular |
|
For technical content |
Where to get the fonts: Link to Google Fonts, Adobe Fonts, or font files