Framer — Hero
Centered hero layout with bold white headline, two primary CTAs ("Get started for free" and "Download app"), and a glowing neon-bordered mockup of the Framer design interface below. Dark gradient background transitions from black to deep blue, emphasizing the neon UI preview.
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/framer-get-started-with-framer-neon-toolbar-cta.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #4F67BF |
| Accents | #14217A, #0A115F, #4F67BF |
| Contrast | 4.02 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.541 |
| Measured size | 1600×1351 px |
Palette
#000000#0033FF#FFFFFF#00AAFF#1A1A2E
Fonts
GT Walsheim
Page types
Detail
UX patterns
Progressive Onboarding
UI elements
Card
Context
Other sections on this page
- Hero — AI website builder hero with product embed
- Gallery / Showcase — Dark bento grid with customer logos and hero cards
- Logo Wall — Customer logo grid on dark background
- Feature — Multi-feature showcase with agent-powered design system
- Bento Grid — Feature bento grid with modular platform sections
- Feature — Community-driven platform dashboard with sidebar navigation
- Gallery / Showcase — Customer stories in four-column grid with logos and CTAs
- Footer — Multi-column footer navigation with product categories