Modal: Modal dev-tools landing with green-on-black hero, mint feature panel, and bento customer case-study grid
Near-black landing for an AI/GPU cloud where a vivid acid-green accent (logo, headline span "AI infrastructure," CTAs, glowing 3D cube renders) carries the whole brand against pure dark. The signature treatment is the mid-page inversion: a full-width pale mint panel ("Build full-scale AI systems" / "Engineered for inference") breaks the dark flow, then the page returns to black for a tall bento grid of customer case studies that alternates lime-gradient stat cards with dark quote cards. Feature proof leans on realistic terminal/code windows and an animated cold-start comparison chart, plus a dotted glowing globe for global GPU reach.
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-modal-dev-tools-landing-with-green-on-black-hero-mint-feature-panel-and-bento-customer-case-study-grid.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Modal
- Gallery / Showcase — Built with Modal filterable example carousel
- Comparison — Compare features matrix across three plans
- Feature — Credit grants trio on mint panel with marker highlights
- Testimonial / Social Proof — Customer case-study bento grid
- Footer — Dark footer with brand, social, and link columns
- Dev-tool pricing with live resource-cost table, three plan cards, and serverless cost-comparison charts
- FAQ — Frequently asked questions accordion
- Feature — Global GPU infrastructure with glowing globe + accordion
- Hero — Green-accent hero with announcement banner and dual CTA
- Feature — Mint inverted panel: workloads + inference grid
- Logo Marquee — Modal — Logo Marquee
- Feature — Production cloud 2x2 terminal/chart cards