Designed by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
August 19, 2022

Raycast Pricing Page Structure

Overall Style and Aesthetic

Raycast’s pricing page embodies a refined, minimalist approach that exudes professionalism and modernity. Crisp whitespace amplifies every interactive element, while bold pops of accent color—particularly violet and cyan—inject energy without overwhelming the senses.

Layout and Structure

The structure is clean and intuitive: a sticky navigation header leads directly into a prominent hero section, which succinctly communicates the value proposition. The central area houses the pricing tiers in clear, card-based layouts, making comparison effortless. A well-spaced FAQ collapses below, while the footer ties things together with links and muted branding.

Visual Elements

Custom vector illustrations give the page visual personality without clutter. Subtle micro-animations on hover and interactive buttons keep the interface feeling lively. Icons are used purposefully to reinforce key features within each plan, and occasional line art lends an approachable, user-centric feel.

Color Palette and Typography

The page employs a restrained palette: deep purples and dark blues form the base, offset by white backgrounds and punctuated by vibrant purple-pink accents. Typeface choices are sleek, readable sans-serifs, with larger, bolder weights reserved for pricing and section headers, and light-weight text used for supporting information.

User Experience Patterns and Notable Choices

Clear CTAs (“Get Started,” “Contact Sales”) are visually prominent, inviting interaction. Toggle switches allow seamless monthly/yearly plan comparison. Sticky navigation persists elegantly as you scroll. The tone remains transparent, direct, and innovative—every element feels trustworthy and designed to reduce cognitive friction, letting users focus on making a decision.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now