Webflow — Hero
Huge two-line black headline 'Make your website a growth engine' over a near-white background, with a blue top announcement bar, simple nav, and three light promo cards (Enterprise, Webflow AEO NEW, Future of Search) showing mini product thumbnails.
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/webflow-giant-grotesk-hero-with-three-promo-cards.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #427ED8 |
| Accents | #427ED8, #131C29 |
| Contrast | 4.03 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.222 |
| Measured size | 1600×916 px |
Palette
#FFFFFF#0F0F0F#1B6CFF#EDEEF7
Fonts
WF Visual Sans Variable
Page types
Detail
UI elements
Navigation BarCardBadge
Context
- Parent page: Webflow agentic web marketing platform landing page with stacked product UI mockups
- All of Webflow
Other sections on this page
- Logo Wall — Dark 'Made in Webflow' logo wall over product collage
- Feature — Three-up Build / Publish / Optimize pillars
- CTA / Sign-up — Large stakes statement with Discover Webflow AI button
- Testimonial / Social Proof — 300,000+ brands swipeable quote carousel
- Gallery / Showcase — From idea to impact dark product showcase
- Feature — Everything marketing teams love accordion with inline dropdown
- CTA / Sign-up — Competitive-edge CTA over Jasper site showcase
- Footer — Multi-column footer with giant blue W mark