Designed by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
March 15, 2023

Moderne Pricing Page Structure

Overall Style and Aesthetic

Moderne’s pricing page embodies a boldly minimalist and modern approach, intertwining ample white space with sharp geometric accents and understated animation. The overall vibe is sleek and professional, yet fresh and approachable—positioning Moderne as both advanced and user-centric.

Layout and Structure

The page structure follows a single-column flow, leading visitors naturally from a slim, functional header into an uncluttered pricing comparison grid. Each plan is encased in a pillowy container, gently elevating it from the background. Sticky navigation allows users to toggle between monthly and annual billing without losing their position, and an FAQ accordion eases lingering anxieties at the page’s conclusion. The footer is streamlined, echoing the site’s minimalist intentions.

Visual Elements

Visual hierarchy is expertly handled: playful but refined icons and subtle SVG background waves inject dynamic energy and visual context, while micro-animations guide user attention without overwhelming. The absence of stock photography keeps the focus tight on content and offer.

Color Palette and Typography

Dominated by brilliant whites and soft grays, the palette breathes clarity, punctuated strategically by teal blues and gentle purples for CTAs and highlights. Typography leans on a geometric sans-serif, delivering both precision and warmth; bold weights emphasize headings, while body copy remains legible and inviting.

User Experience Patterns

Navigation remains intuitive, with persistent CTAs (“Get Started”) and sticky options making decision paths obvious and low-friction. Pricing cards are highly scannable, features are succinctly bulleted, and support links are ever-present, fostering a frictionless journey.

Unique or Notable Design Choices

The demo scheduling CTA—tucked into the pricing table as a button—invites engagement without pulling focus. Animated toggle switches, custom checkmarks, and the gentle hover effects add tactile delight, enhancing memorability and perceived quality.

Tone and Feel

Trustworthy and polished but with a lively, modern pulse—this page reassures with clarity while enticing action, making it an inspiration for SaaS brands seeking a balance of confidence and contemporary flair.
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