Pricing 95 block design & features
Pricing95 is a four-column pricing section built with shadcn/ui, presenting four tiers in a developer-oriented console aesthetic. Each plan renders as its own card with a heading area containing a monospace plan identifier badge, plan name, large tabular price, and billing period. Below the header a short description, a dense feature checklist with small check icons, and a full-width CTA button fill the card body. A centered toggle group switches between monthly and yearly billing cycles.
The section sits on a muted banded background separated by top and bottom borders. Card outlines default to dashed strokes, switching to a solid primary border on the highlighted tier alongside a secondary “default” badge. Typography pairs sans-serif headings with monospace numerals and badge labels. Spacing is compact, with tight feature rows and small text sizes that reinforce the technical density.
The overall tone is restrained and utilitarian, borrowing cues from terminal UIs and developer dashboards rather than glossy marketing pages. The plan code badges and footnote about API identifiers push the aesthetic toward infrastructure or platform brands. Complexity is low, relying on text and card structure with no illustrations or decorative graphics.
On smaller viewports the four columns collapse to a two-column grid at medium breakpoints and a single stacked column on mobile.