Comparison Table
A detailed two-column comparison table with a centered headline and full-bleed dark background. Rows alternate white rules, highlighting differences between prepaid and postpaid terms.
π Layout Archetype
terms-comparison β Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
π¨ Visual Style Language
monochrome-contrast β 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 Pricing Tables
Minimal Pricing Table
A classic three-column pricing table with monthly/annual toggle and stark Swiss typography.
Split Two Column Pricing
A two-column split layout with a feature comparison list, ideal for high-contrast decision making.
Centered Stacked Pricing
A single centered plan with a highlighted annual discount, perfect for simple product offers.