Three Column with Gauge
An asymmetric three-column grid with a large gauge as the visual anchor, flanked by additional stat blocks and a narrative, on a paper-textured background.
π Layout Archetype
three-column-grid β Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
π¨ Visual Style Language
editorial-serif β 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.