Laravel Cloud four-tier pricing with mockup header

Laravel Cloud four-tier pricing with mockup header, light-mode, minimal, light

Preview image. Unlock full-res

Light four-column pricing table headed by a tilted config-card mockup, with checkmark feature lists and one highlighted plan button.

Summary

A light four-column pricing table for a deploy platform, introduced by a tilted overlapping-card product mockup, with one tier visually promoted via a filled blue button.

Visual description

White background. The top band is asymmetric: a left-aligned two-line headline "A great experience is priceless" with a paragraph of sub-copy, balanced on the right by a cluster of tilted, overlapping config cards (resource and database settings) receding into the corner. Below, a thin top border defines four equal columns: Sandbox ($0 per month plus usage), Production ($20 plus usage), Business ($200 plus usage), Enterprise (Custom pricing). Each column has a name, a price line, a one-sentence positioning note, and a light grey checkmark feature list. The footer buttons differentiate the tiers: Sandbox is an outline "Start with Sandbox", Production is a solid blue "Start with Production", Business is a disabled grey "Coming soon", and Enterprise is a solid black "Contact sales".

Key takeaway

The decorative tilted-card mockup turns the pricing header into a brand moment instead of a bare title. Using four different button styles (outline, filled-blue, disabled, filled-black) signals each tier's status and the recommended path without any "most popular" ribbon. The "$X plus usage" format sets expectations for a hybrid flat-plus-metered model up front.

Reuse notes

Good for a usage-based platform with a free entry tier and an enterprise "Custom" cap. The disabled "Coming soon" button is a tidy way to tease a tier that is not yet live. The tilted-mockup header is reusable above any table where you want warmth without a full illustration band.

More pricing sections

See all

More like this