Format design examples

Format

Authentication User authentication Form

Format

Design Grid Templates

Format

Signup modal overlaid on the website builder where the user creates an account with their name, email, and password to save their free trial progress.

• Sign Up
• Trial

Format

Home screen displaying an onboarding checklist to help the user set up their website, including viewing a tutorial and uploading images.

• Onboarding Checklist
• Getting Started

Format

Home screen where the user is prompted to view a tutorial and explore core setup areas like pages, design, and settings.

• Getting Started
• Guided Tour

Format

Onboarding modal where the user clicks through a product tour explaining how to create their website, starting with theme selection.

• Guided Tour

Format

Onboarding modal where the user clicks through a product tour explaining how to manage pages.

• Guided Tour
• Getting Started

Format

Onboarding modal explaining how to set a specific page as the homepage within the site settings.

• Getting Started
• Setup Wizard

Format

Home screen where the user is prompted to complete onboarding steps like uploading images and viewing a tour, alongside quick links to manage pages, design, and settings.

• Dashboard
• Getting Started

Format

Settings page where the user can update their full name, email address, and password, with a prominent banner warning about their expiring free trial.

• Account Settings
• Trial

Format

Settings page where the user configures general site details like the site title, icon, and image protection.

• Settings

Format

Settings page where the user views their current subscription plan, payment method, and billing history, with a prominent banner to add payment details before their free trial expires.

• Billing Settings
• Upgrade Prompt