Magic Patterns — Hero
Serif headline 'Discover your next breakout feature' over a rounded 'Create anything...' prompt input with quick-action chips for recreating screenshots, cloning sites, and redesigns. Light gradient background, top nav with Use Cases / Enterprise / Customers / Pricing and a green 'Start for Free' button.
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/magic-patterns-prompt-bar-hero-with-action-chips.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #A1A3A5 |
| Contrast | 2.53 |
| Columns | 3 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.182 |
| Measured size | 1600×992 px |
Palette
#FFFFFF#111827#6B7280
Fonts
Segoe UI
Page types
Detail
UX patterns
Search
UI elements
Navigation BarFormBadge
Context
- Parent page: AI prototyping tool landing page with prompt-bar hero and community design gallery grid
- All of Magic Patterns
Other sections on this page
- Logo Wall — Full-bleed black 'Trusted by product teams' logo strip
- Feature — Five-card feature grid with embedded UI mockups
- Gallery / Showcase — Four-column community design gallery
- Testimonial / Social Proof — Asymmetric masonry of customer quote cards
- FAQ — Stacked accordion FAQ
- CTA / Sign-up — Line-art lightning-bolt closing CTA
- Footer — Multi-column footer with status indicator