Notion — Hero
Top nav with Notion mark and 'Get Notion free' / 'Log in' buttons, large near-black headline 'One tool to run your company.', a 'Trusted by teams at' monochrome logo row (OpenAI, Figma, Ramp, Cursor), and a pill toggle for Pay monthly / Pay yearly with a 'Save up to 20% with yearly' note.
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-hero-headline-trusted-by-logo-wall-billing-toggle.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #041627 |
| Accents | #041627, #678BA9 |
| Contrast | 18.27 |
| Columns | 2 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.097 |
| Measured size | 1600×383 px |
Palette
#FFFFFF#191919#2383E2
Fonts
Inter
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Navigation BarToggleTabsBadge
Context
- Parent page: Four-Tier Pricing Page with Logo Trust Bar and Full Feature Comparison Matrix
- All of Notion
Other sections on this page
- Pricing / Plans — Four-tier plan cards with per-plan feature lists
- Testimonial / Social Proof — OpenAI customer quote + Custom Agents/Workers callout
- Comparison — Plans and features full feature-matrix table
- FAQ — Questions & answers accordion
- Footer — Notion sitemap footer with language and social links