Render: Predictable pricing page with four-tier cards, color-coded compute rows, and a full plan comparison table
A light, editorial dev-tools pricing page led by a large two-line serif-feel hero "Predictable pricing that scales with you." over inline jump links, with no image — type is the hero. The signature is the candy-pastel coding system: four plan cards (Hobby/Pro/Scale/Enterprise) capped in blue/green/lilac/grey color blocks, repeated as full-bleed tinted left-rail rows in the "Compute pricing" section (each service a different pastel), then resolved into a very long four-column checkmark comparison table grouped by Networking/Protection/Build & Deploy/Monitoring/Security/Compliance/Support. The page closes on a stark black "Start building with Render" CTA and a dark footer studded with glitchy violet pixel-mosaic blocks.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/render-predictable-pricing-page-with-four-tier-cards-color-coded-compute-rows-and-a-full-plan-comparison-table.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Render
- Feature — Alternating feature grid: hosting, autoscaling, workflows, Postgres, logs
- CTA / Sign-up — Black 'Start building with Render' CTA
- Pricing / Plans — Compute pricing as color-coded service rows
- Testimonial / Social Proof — Customer quote with secondary logo row
- Footer — Dark multi-column footer with glitch decoration
- CTA / Sign-up — Final CTA framed by floating tech-icon cloud
- Comparison — Four-column workspace feature comparison table
- Pricing / Plans — Four-tier cards with pastel header caps
- Feature — 'Intuitive infrastructure' primitives icon grid
- Render dev-platform landing with violet-accent hero, deploy dashboard preview, and feature stack
- Hero — Split hero with violet keyword headline and dashboard preview
- Feature — 'Stay secure and resilient' security feature grid