Notion — Hero
Notion Hero section, decoded.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/notion-meet-the-night-shift-navy-agents-hero-with-ramp-hq-workspace-screenshot.
Measured spec
| Scheme | light |
| Background | #FFFFFE |
| Text | #02093B |
| Accents | #02093B, #19204B |
| Contrast | 19.0 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.631 |
| Measured size | 1600×1087 px |
Palette
#FFFFFF#191918#0A0A33#4B6BFB#F6F5F4
Fonts
Inter
Context
Other sections on this page
- Logo Wall — Trusted by 98% of the Forbes Cloud 100 — OpenAI to Toyota logo rows
- Feature — Keep work moving 24/7 — Custom Agents with Office Q&A and use-case tiles
- Feature — Ask your on-demand assistants — Notion Agent, Enterprise Search, AI Meeting Notes
- Feature — Bring all your work together — Docs, Knowledge Base and Projects showcases
- Testimonial / Social Proof — Forbes — your AI everything app pull-quote
- Testimonial / Social Proof — Trusted by teams that ship — OpenAI video card, customer quote tiles, G2 badges
- CTA / Sign-up — Try for free — Get started, Notion Mail, Calendar and template download cards
- Footer — Notion footer — link columns with locale switcher