Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
February 4, 2023

Narrative BI Pricing Page Structure

Overall Style and Aesthetic

Narrative BIโ€™s pricing page embodies a crisp, minimalist aesthetic that communicates professionalism and clarity. The design exudes trustworthiness, balancing a clean white background with strategic pops of deep blue and soft accent hues, framing a product built for modern analytical workflows. Thereโ€™s a sense of understated innovation, with visual restraint amplifying ease-of-use and focus.

Layout and Structure

The page is structured for seamless scanability. It opens with a concise header and a direct, comparison-style pricing table above the foldโ€”no distractions, just immediate value. Each plan is easy to differentiate and is paired with essential features. Below, a well-organized FAQ section addresses user concerns, and a minimal footer neatly ties in primary navigation links without clutter.

Visual Elements

Instead of heavy illustrations or flamboyant visuals, the design employs refined iconography to outline features and assist decision-making. Simple checkmarks and clear dividing lines create rhythm and guide the eye, while interactive states (like subtle plan highlighting) provide feedback without visual noise. There are no animations or videos; clarity takes center stage.

Color Palette and Typography

The palette centers on ample whitespace, deep marine blues for emphasis, and lighter blues for interaction states, with restrained use of accent colors. Typography is modern, leveraging sans-serif fonts with generous spacing and distinct sizing, establishing a visual hierarchy that directs users from plan names to feature lists and CTAs.

User Experience Patterns & Notable Choices

Navigation is sticky, straightforward, and frictionless. Prominent โ€œGet Startedโ€ CTAs employ brand color for contrast and immediacy. Notably, the pricing toggle is elegantly simple, eschewing complex grids for side-by-side clarity. The tone remains transparent and approachable, demystifying BI pricing and bolstering user confidence through 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