Split Gauges Contrast
A split-screen layout with two gauge-style progress bars side by side, comparing company vs industry benchmark on a deep blue gradient background with glowing orbs.
π Layout Archetype
split-screen β Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
π¨ Visual Style Language
glass-depth β 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.