Designed by
No items found.
Subject


Bookmark
Bookmark
Design with AI
Category
Patterns
No items found.
Tech Stack
Added on
March 10, 2023

June Pricing Page Structure

Overall Style and Aesthetic

June’s pricing page exudes a polished, modern minimalism felt through clean lines, generous white space, and a soft yet vibrant feel. The design is functional but friendly—balancing professionalism with an inviting energy that appeals to both startups and enterprises.

Layout and Structure

The page structure is intuitive and digestible: a concise hero section introduces an immediate value proposition, followed by a clear, horizontally-aligned pricing table that’s effortlessly comparable at a glance. Supporting elements like succinct plan feature lists, a convincing testimonial slider, and a well-structured footer anchor the page, allowing users to find what they need without distractions.

Visual Elements

June leverages punchy custom icons and sophisticated, subtle line illustrations to guide the eye. There’s a restrained use of micro-animations—plan cards subtly highlight on hover, and animated checkmarks reinforce included features, adding a delightful interactive layer without overwhelming the user.

Color Palette and Typography

A calm off-white background sets a professional stage, enhanced by gradients in blue and violet that add modern flair. Primary action elements and highlights use dense indigo and electric blue, effortlessly drawing attention. Typography features a geometric sans-serif, with bold headings and well-graded body text for clear hierarchy and swift scanning.

User Experience Patterns

Navigation is streamlined: a sticky top navbar keeps core links in view, while anchored CTAs (“Start for Free”) reappear at critical moments. The page prioritizes clarity—pricing tiers and features are direct, toggles and tooltips provide extra info on demand, and inquiry flows are frictionless.

Unique or Notable Design Choices

Notably, June uses succinct, confidence-boosting trust signals (“Loved by 1,600+ companies”) near the plans, and integrates real-time FAQs right below pricing tiers, breaking the mold of dry SaaS pricing. The tone is transparent, upbeat, and empowering—instilling trust and making users feel supported as they consider their choice.
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