Notion: AI Productivity Workspace Marketing Landing Page
A long-scroll marketing landing page anchored by an oversized centered hero headline with an inline pill accent, dual CTAs, and a floating product-screenshot mockup surrounded by playful sticker icons. Below the hero, a logo wall and alternating light/colorful feature sections use a bento-style grid of rounded screenshot cards, customer testimonial photo tiles, a KPI stat strip, and a centered closing CTA above 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-ai-productivity-workspace-marketing-landing-page.
Palette
#FFFFFF#0A0A0A#F5F4F1#E8503A#F2B33A
Fonts
Inter
Page types
Landing Page
UX patterns
Bento GridStats / KPIsSocial Auth
UI elements
Navigation BarCardBadgeAvatarDropdownTable
Context
More from Notion
- 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
- Four-Tier Pricing Page with Logo Trust Bar and Full Feature Comparison Matrix
- 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