Dunked design examples

Dunked

Sign-in screen where the user authenticates with their email address and password or requests a password reset.

• Forgot Password

Dunked

Password recovery screen where the user enters their email address to receive reset instructions.

• Forgot Password

Dunked

Signup page where the user creates an account for a 10-day free trial, chooses a custom URL, and completes a word-selection spam check.

• Account Setup
• Trial

Dunked

Projects list view in an empty state prompting the user to create their first project, with a persistent bottom banner showing trial days remaining.

• Empty State
• Add & Create

Dunked

Template gallery where the user browses and activates a design theme for their portfolio site.

• Templates
• Browse

Dunked

Creation page where the user sets up a new project by uploading media, writing a description via a rich text editor, and filling out metadata like client, role, and tags.

• Add & Create

Dunked

Modal overlay where the user confirms the activation of a selected template, accompanied by a persistent bottom banner showing remaining free trial days and an upgrade prompt.

• Confirmation
• Trial

Dunked

Design editor where the user customizes their portfolio theme, including logo, typography, and colors, with a live preview on the right.

• Design Editor
• Edit

Dunked

Code editor where the user customizes the CSS stylesheet for their Dunked template with a live preview on the right.

• Code Editor
• Edit

Dunked

Code editor where the user modifies the HTML template of their site alongside a live visual preview.

• Code Editor
• Edit

Dunked

Modal displaying current usage statistics for projects, pages, and images, with prompts to upgrade the account and a persistent bottom banner indicating remaining free trial days.

• Usage
• Trial

Dunked

Settings page where the user configures their site title, description, and custom domain URLs for their portfolio.

• Settings