Pricing 26 block design & features
Pricing26 is a three-card service pricing section set on a muted background, built with Shadcn UI. Each plan renders as a tall rounded card containing topic badges at the top, a plan title and description in the middle, a set of key-value feature rows separated by dashed borders, and a full-width CTA button at the bottom. The highlighted card uses a distinct amber background while the others sit on the default surface.
Badges use outline variants with squared corners and generous padding. The feature rows display label-value pairs such as "Perfect for" and "Price estimate" separated by dashed border lines, giving a structured invoice-like feel. Titles sit below a large top margin, creating visual breathing room between the badges and the plan name.
The aesthetic leans toward service-proposal style rather than traditional SaaS tier comparison, with badge labels indicating service categories and key-value rows replacing the typical checklist format. Complexity is moderate because each plan object includes badge arrays, feature pairs, and highlight flags.
On smaller screens the three cards stack into a single column, keeping the same internal card layout at full container width.