Notion: Four-Tier Pricing Page with Logo Trust Bar and Full Feature Comparison Matrix
A clean light-mode pricing page anchored by a bold black hero headline and a customer logo trust row, followed by four side-by-side plan cards (Free, Plus, Business, Enterprise) with a monthly/yearly billing toggle and per-plan blue CTA buttons. Below the cards, an exhaustive grouped feature-comparison matrix with checkmarks and category sub-headers reinforces tier differentiation, capped by a centered expandable FAQ accordion and a multi-column footer.
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-four-tier-pricing-page-with-logo-trust-bar-and-full-feature-comparison-matrix.
Palette
#FFFFFF#191919#2383E2#F1F5F9#E6E6E6
Fonts
Inter
Page types
Pricing
UX patterns
Pricing ToggleData Table
UI elements
Navigation BarPricing CardTableToggleBadgeCard
Context
More from Notion
- AI Productivity Workspace Marketing Landing Page
- 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
- Pricing / Plans — Four-tier plan cards with per-plan feature lists
- Hero — Hero headline + trusted-by logo wall + billing toggle
- Feature — Keep work moving 24/7 — Custom Agents with Office Q&A and use-case tiles
- Hero — Meet the night shift — navy agents hero with Ramp HQ workspace screenshot
- Footer — Notion footer — link columns with locale switcher
- Login — Notion — Login
- Footer — Notion sitemap footer with language and social links
- Testimonial / Social Proof — OpenAI customer quote + Custom Agents/Workers callout