Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Added on
April 9, 2024

Checkout.com Create New Board Structure

Clean Creation Flow That Stays Out of Your Way

First thing you notice is how much breathing room this page has. The "Add board" modal goes full screen, which is a bold choice that actually works here. It forces focus. No distractions, no sidebar clutter. Just you and the task.

Smart Visual Hierarchy Without Trying Too Hard

The selected board template sits in a dashed blue outline box with a subtle plus icon. It reads immediately as "start here." Below that, the form fields cascade naturally: title, description, sharing toggle. Each section has helper text underneath in a lighter gray that doesn't compete with the labels. The character counters (0/56 and 0/256) tucked to the right are a thoughtful touch.

Typography Does the Heavy Lifting

Bold section headers like "Board title" and "Board description" use weight contrast instead of color to establish hierarchy. Everything is black and white with that single blue accent on the selected state. The left sidebar text "Create board" with its subtitle grounds you contextually. That sharing toggle at the bottom feels appropriately deemphasized. Nothing here is loud, but everything is findable within seconds.
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