Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
November 14, 2023

Oku Pricing Page Structure

Overall Style and Aesthetic

Oku.clubโ€™s pricing page radiates a modern, minimalist personality with a friendly yet professional vibe. The interface embraces spacious layouts, abundant white space, and gentle shadows, invoking clarity while staying approachable. Subtle rounded corners and refreshing pops of color contribute to its playful, tech-forward atmosphere, balancing energy with trustworthiness.

Layout and Structure

The structure unfolds logicallyโ€”starting with a bold hero section introducing the offering, followed by clearly segmented pricing plans for easy comparison. Thereโ€™s a testimonial strip injecting social proof, and the page concludes with a compact, accessible footer. Each block stands out with generous padding, making content digestible and visually ventilated.

Visual Elements

Vibrant geometric illustrations and friendly UI icons guide the eye, infusing the page with personality without overwhelming content. Micro-interactions and hover states highlight selection, making engagement intuitive and tactile. Subtle movement draws attention to CTAs and feature highlights, while illustrations help abstract information feel more relatable.

Color Palette and Typography

A calming yet energetic palette of violets, indigos, and pastel accents creates hierarchy and visual breaks. Typography features a clean sans-serif typeface, leveraging strong header weights and legible body copy for seamless readability. Color and weight signal interactivity and importance, ensuring users never lose their place.

User Experience Patterns and Standout Design Choices

Navigation is sticky and minimal, maintaining user orientation. CTAs are prominent, using animated buttons that invite clicks without overpowering nearby elements. The pricing cards simplify comparison with bold features and clear, direct action paths. Notably, personalized plan recommendations and succinct microcopy subtly build confidence, minimizing friction and building trust with transparency.
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