LAB37 · brand portal
MANA
Brand guidelines, color tokens, typography, voice and assets. Edit in Notion; changes appear here within five minutes.
#FAF7F4
#F0EBE5
#2C2420
#3D332C
#5C4F46
#8B7D72
#A09388
#C4B8AE
#DED5CC
#EDE7E0
#F1BEA9
#F5CEB5
#353230
#EA580C
▸ Brand Kit
Colors (product / web)
| Token | Hex | Use |
|---|---|---|
| --background / mana-cream | #FAF7F4 | Page background |
| --mana-cream-dark | #F0EBE5 | Cream variant |
| --foreground / mana-brown-900 | #2C2420 | Primary text + dark CTAs |
| --mana-brown-800 | #3D332C | Body emphasis |
| --mana-brown-700 | #5C4F46 | Secondary text |
| --mana-brown-500 | #8B7D72 | Muted text |
| --mana-brown-400 | #A09388 | Borders strong |
| --mana-brown-300 | #C4B8AE | Subtle dividers |
| --mana-brown-200 | #DED5CC | Subtle backgrounds |
| --mana-brown-100 | #EDE7E0 | Lightest surface |
| --mana-pink | #F1BEA9 | Accent pink |
| --mana-peach | #F5CEB5 | Accent peach |
| --mana-dark | #353230 | Dark mode surface |
Colors (marketing / mgfx, design guidelines v0.1-beta)
- Primary: #EA580C (orange)
- Secondary: #7282CD (periwinkle)
- Monochrome base + gradient blob between the two
Typography
- Product/web: Inter (--font-sans), weights 400/500/600/700, loaded via next/font/google
- Marketing/mgfx: Geist family (per design guidelines)
Voice & Tone
"Boring let content shine." Mana is the booking infrastructure; the studios are the stars. Calm, neutral, low-affect. Lists facts (slug, joined-date, capacity). No hype.
Anti-examples
- No confirmation emails ever (by design)
- No marketing-bro slogans
- No comparison-style ads against other booking systems
Reference
- Live: https://getmana.app
- Studio URLs: getmana.app/s/{slug} (8 known Stockholm slugs)
- Globals CSS: mana-web/src/app/globals.css
▸ Assets
- mana-mgfx (HyperFrames ad): Sacred Sauna reference shipped 2026-05-05
- Studios-cycle ad: planned, 9:16, accelerating cadence
▸ Quick Reference
- Booking vendor for Bionic
- API key: stored