Coffee Comparison Scale
A two-column split layout contrasting 2.4 million cups of coffee against the equivalent distance in miles, using a minimal Swiss style with a thin vertical divider.
📐 Layout Archetype
split-two-column — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
minimal-swiss — High contrast baseline typography, fine hairline borders, and subtle interactive elevations.
⚡ Production Ready
100% pure Tailwind CSS utility classes with zero build steps or heavy node modules. Drop directly into React, Next.js, Vue, or HTML.
More Stats & Metrics
Split-Screen Gradient Dark Stats
A dark, split layout where left teaser and right metrics are anchored by a large gradient headline and glowing blurred blobs.
Split Gold Stats
A two-column split layout with a large central headline and right-aligned metrics for a bold editorial feel.
Curved Marquee Metrics
A vibrant curved marquee band with clipped panels, rotating badges, and a single bold CTA.