Modal — Gallery / Showcase
'Built with Modal' with category filter pills (Audio Transcription, LLM Inference active, Coding Agents, etc.) and a horizontal carousel of example cards using vivid generative-art thumbnails plus prev/next arrows and an All examples link.
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-built-with-modal-filterable-example-carousel.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #ACBE8B |
| Accents | #1D552B, #5B9463, #57B96F |
| Contrast | 10.49 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.632 |
| Measured size | 1600×622 px |
Palette
#0A0C0A#5BE36A#7FB88F
Fonts
Inter Variable
Page types
Detail
UX patterns
Filter & SortingDark Mode
UI elements
CardTabsBadge
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
- Hero — Green-accent hero with announcement banner and dual CTA
- 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
- CTA / Sign-up — Ship your first app CTA with 3D cube
- Footer — Dark footer with brand, social, and link columns