Routable built-for personas

Routable built-for personas, dark-mode, light-mode, dark

Preview image. Unlock full-res

Dark-framed persona section with a serif headline, vertical role list with active CFO state and progress bar, and a professional portrait on the right.

Summary

Dark-framed persona section with a serif headline, vertical role list with active CFO state and progress bar, and a professional portrait on the right.

Visual description

Dark navy outer background frames a large off-white rounded card. Left column shows a serif headline "Built for you, and your team" with "you" and "team" in italic, then a vertical list of roles separated by thin rules: Controllers, CFOs (active with bold title, benefit copy about lowering operational costs, and a "Learn more" arrow link, plus a thin purple progress bar along the bottom edge), Accountants, and Developers as inactive plain lines. Right column is a tall rounded photo of a woman in glasses and dark blazer at a wooden desk, hand on mouse, warm side lighting and leather chair visible.

Key takeaway

The dark outer frame plus light inner card creates a focal stage for persona switching without a full dark theme. Active role expands with copy and CTA while inactive roles stay one-line, mirroring a tab pattern with minimal UI. The purple progress bar hints at auto-rotating personas without showing carousel controls.

Reuse notes

Strong for B2B products selling to multiple buyer roles on one page. Needs quality portrait photography per persona if all tabs are populated. The serif italic headline suits premium fintech; progress bar color should match brand accent.

More feature detail sections

See all

More like this