Raycast dark three-tier pricing with glowing Pro card

Dark three-column pricing on a red-tinted backdrop, billing toggle with a discount badge, monospace prices, and a lifted glowing Pro card in the middle.

Styledark-mode, minimal, technical, gradient-heavy

Colordark, high-contrast, vibrant

Typesans-serif, monospace, oversized

Moodpremium, technical, professional

Industrydeveloper-tool, productivity, saas

Elementspricing-card, toggle, button-primary, badge, icon, button-secondary

Tagsthree-column, dark-pricing, billing-toggle, discount-badge, glow-badge, highlighted-plan, monospace-price, checklist, add-on-toggle, red-backdrop

Palette

#0A0608

#FFFFFF

#3D7DFF

Summary

A dark three-tier pricing section over a faint red-tinted backdrop, with a Monthly/Yearly toggle carrying a "-20%" badge and a lifted, subtly glowing middle Pro card. Monospace prices and check-listed features give it a precise, technical feel.

Visual description

A centered two-line heading ("Level up with Raycast Pro." / "Use the core product for free, forever.") sits below a soft red atmospheric blur at the top. A dark pill toggle (Monthly / Yearly active) carries a small "-20%" tag. Three plan columns follow on near-black. Free ($0/month) and Team Pro ($12/month/user) sit in flat outlined cards; the middle Raycast Pro card ($8/month, "$96 billed annually") is lifted slightly and given a faint glow with a glowing blue verified badge top-right, matched by a second badge on the Team Pro card. Prices are oversized with monospace "/ month" units. Each card lists checkmark features, the Pro and Team cards include a bordered "Advanced AI +$8/month" add-on toggle row, and CTAs differ per tier (Download with Apple glyph, Start Free Trial, Select Plan). A small "More about Pro" pill sits centered below.

Key takeaway

The recommended card lifted and wrapped in a soft glow plus a glowing verified badge, a restrained way to highlight on dark without color-flooding the column. Monospace price units against a sans body reinforce a developer-tool identity. The inline "Advanced AI +$8/month" toggle row builds an add-on directly into the card instead of hiding it in fine print.

Reuse notes

A strong template for a developer or power-user product priced in clean tiers with optional add-ons. The glow and red backdrop only work on a dark theme; on light they would need rethinking. The "-20%" toggle badge implies a real monthly/yearly swap, so make it functional, and keep the per-card CTA wording distinct (download vs. trial vs. contact) the way this does.