Designed by
No items found.
Subject


Bookmark
Bookmark
Design with AI
Category
Patterns
No items found.
Tech Stack
Added on
June 6, 2020

Workable Pricing Page Structure

Overall Style and Aesthetic

Workable’s pricing page embodies a clean, professional, and modern aesthetic, balancing white space and discrete color accents for effortless readability. The design feels welcoming yet business-like, exuding credibility with subtle flourishes rather than bold extravagance.

Layout and Structure

The structure is intuitive: a clear hero sets context with a concise headline and subheading. Right below, the core of the page—the pricing comparison—features elegantly boxed plans, each with succinct plan labels and calls to action. Helpful FAQ sections, customer logos, and a streamlined footer round out the journey. Everything is arranged in logical, easily skimmable chunks, reducing cognitive load.

Visual Elements

Minimalistic iconography supports feature explanations—simple line icons add clarity without clutter. Soft, colored highlights guide the eye across sections. The page is free from distracting animation, focusing on composure and clarity. Discreet trust badges and client logos add social proof, building credibility through recognizable brands.

Color Palette and Typography

A restrained palette—dominated by white and shades of blue—signals calm professionalism and trust. Strategic color dashes emphasize CTAs and important plan features. Typography is crisp: a geometric sans-serif typeface establishes hierarchy with weight and size, supporting easy scanning with ample line-height.

User Experience Patterns

Navigation is persistent and minimal, with quick links to contact sales. Prominent, high-contrast CTAs (“Get started,” “Contact sales”) invite action. Plan comparisons are interactive, with toggle options for billing cycle and collapsible feature lists. The overall experience is fast and frictionless, designed to eliminate doubt and nudge conversions.

Unique and Notable Design Choices

Noteworthy is the modular card layout, which dynamically highlights the most popular plan. Transparent plan feature tables let users compare at a glance. The overall tone is trustworthy and client-focused, with usability prioritized—proof that effectiveness in SaaS can coexist with sophisticated, modern design.
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