Preview image. Unlock full-res
Blue-backed pricing section with a free Webmaster Tools column and four paid tiers in a shared white card row.
Summary
A pricing block on royal blue that introduces plans with a friendly headline, a signup stat, and a five-column table mixing a free sidebar with four paid cards.
Visual description
Royal blue background with a large left headline mixing bold "Get started." and regular weight follow-on copy. Top right shows an orange pixel heart beside a recent signup count. Centered pricing table: left column on darker blue for free Webmaster Tools with white outline Continue button; four white columns for Lite ($99/mo), Standard ($199/mo), Advanced ($399/mo), and Enterprise (Custom) each with large price, orange Get started or Talk to us button, and short audience description. Orange horizontal bars of increasing length run along the bottom of the paid columns as a visual tier scale. A blue "Compare plans" text link with arrow sits below the white card group.
Key takeaway
Separating the free tier into a tinted sidebar makes paid columns feel like one product family while still offering a zero-friction entry. Orange bars beneath columns give a subtle upgrade ladder without a feature matrix.
Reuse notes
Works when you have a credible free offering plus clear tier names and price anchors. Five columns need wide viewports; plan a stacked mobile layout. Pair with a detailed comparison page linked from the footer CTA. Orange buttons on white cards stay readable because the surrounding blue frame provides contrast.
