Preview image. Unlock full-res
Dark pricing section with a serif headline and three outlined plan cards led by oversized prices and orange CTAs.
Summary
A dark, centered pricing section with a serif headline and three equal outlined plan cards, each anchored by an oversized price and a single orange CTA. The huge price figure and the consistent card structure carry the layout.
Visual description
Near-black background. A small amber "PRICING" pill badge sits above a centered oversized serif headline "Straightforward pricing for all your projects" and three lines of muted sub-copy. Below are three equal-width cards with thin rounded borders: each shows a bold plan name (Application hosting, Database hosting, Static site hosting), a small "Scale as you go from" line, a very large price ($5, $5, Free), a USD/month note, one line of description, and an orange "See pricing" or "Get started" pill. A checkmark feature list with five to six items follows in each card, closing with a muted "Free trial is available" or "Fair use policy" note.
Key takeaway
Letting the oversized price be the focal point of each card makes plans comparable at a glance, and the "Free" tier reads as strongly as the paid ones at the same scale. One orange CTA per card keeps the action obvious against the dark, outlined cards.
Reuse notes
Good for usage-based or developer pricing where the entry price is the hook. The serif headline keeps it from feeling like a generic SaaS table. Three equal cards (no highlighted "popular" tier) suit products where plans are parallel use cases rather than an upsell ladder.
