Notion: Notion — Login
The login page from Notion, decoded live: input focus changes wrapper1_outline, wrapper1_box_shadow, 0 OAuth providers, 2 states.
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-notion-login.
Palette
rgba(0, 0, 0, 0)rgba(0, 0, 0, 0)rgb(4, 4, 4)
Fonts
inter
Page types
Login
UX patterns
Authentication
UI elements
FormInput
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
- 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
- Footer — Notion sitemap footer with language and social links
- Testimonial / Social Proof — OpenAI customer quote + Custom Agents/Workers callout