Pricing 58 block design & features
This two-column pricing block built with shadcn/ui places a left-aligned heading, description, and sharp-cornered billing toggle at the top of the section, followed by a bordered grid that splits two plans with a vertical hairline divider. Each column displays the tier name in muted type, an oversized price figure with tight letter-spacing, and a short plan description separated from the feature list by a bottom border.
The visual language borrows from editorial and print design rather than typical SaaS card layouts. There are no rounded corners, card shadows, or background fills; structure comes entirely from thin borders and the vertical column split. Feature rows use BadgeCheck icons in muted tones to keep density without adding color noise, and the price figures dominate each column through scale and negative tracking alone.
The result reads closer to a newspaper rate table than a marketing page. Information hierarchy is driven by typographic weight and spatial division, making it well-suited for brands that favor a restrained, architecturally precise aesthetic over decorative emphasis.