Persona design examples
Explore Persona UI design examples. All the world’s a stage
Product screens
Demo page showcasing a gallery of 32 distinct visual persona cards, exploring different typography, color palettes, and layout treatments for image and text combinations.
Creation flow step where the user previews the 'Bas Jan Ader' visual style template and can choose to start a new project with it.
Design editor where the user customizes the visual style of a persona page, adjusting width, padding, and alignment via a right-hand properties sidebar.
Design editor where the user customizes the layout, padding, alignment, and typography of a persona profile page.
Design editor where the user configures the layout, alignment, and text styles for a persona page via a right-side inspector panel.
Design editor where the user is selecting a font family from an open dropdown menu in the typography inspector panel.
Design editor where the user is prompted to save or discard changes made to the typography and layout settings before proceeding.
Design editor where the user customizes the backdrop of their persona, configuring image selection, scaling, color overlays, and transition effects in a right-hand sidebar.
Account creation Onboarding Settings Form Account management Account settings
Browse the full SaaS app library
Explore real SaaS apps with their product screens, marketing screens, flows, and components.
Trusted by the best teams
