Modal — Hero
Top green announcement bar, pill nav with Modal logo, then a centered headline 'AI infrastructure that developers love' with the first span in acid green. Get Started (green) and Contact Us (outline) buttons sit below the subcopy.
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/modal-green-accent-hero-with-announcement-banner-and-dual-cta.
Palette
#0A0C0A#5BE36A#DCEEDB
Fonts
Inter Variable
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarBadge
Context
- Parent page: Modal dev-tools landing with green-on-black hero, mint feature panel, and bento customer case-study grid
- All of Modal
Other sections on this page
- Logo Wall — Two-row customer logo wall
- Feature — Production cloud 2x2 terminal/chart cards
- Feature — Mint inverted panel: workloads + inference grid
- Feature — Global GPU infrastructure with glowing globe + accordion
- Feature — Security and governance accordion + 3D cube
- Testimonial / Social Proof — Customer case-study bento grid
- Gallery / Showcase — Built with Modal filterable example carousel
- CTA / Sign-up — Ship your first app CTA with 3D cube
- Footer — Dark footer with brand, social, and link columns