A more humane to-do list. Dona is a back to basic to-do list focused on fast and delightful user experience.
Screenshot of the dona.ai homepage.
Three ways to ship a Dona-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Dona. All trademarks belong to their respective owners.
About Dona
Home page hero
The page is white with a faint sky-blue haze at the top edge and a single narrow column. A slim bar holds an about link at the left, a small blue rounded-square logo with the lowercase name in the center and a pale grey log-in pill at the right. The headline, "A more humane to-do list," is set in a large, heavy sans on two lines. The first line fades from light grey into periwinkle blue from left to right, and the second line, "to-do list," is near-black. One line of regular text calls the product a back to basic list focused on a fast and delightful experience. Two pills follow, a grey one with a play icon for the video and a bright blue early-access button.
Product window
Under the buttons, a large rounded app window sits on a soft grey-blue plate with a light shadow. A white sidebar lists home, today, personal, a road trip, house and work, each with a small colored ring or emoji and a muted count, plus a create-new-list row with keyboard shortcut hints, and a mouse pointer hovers on the home row. The main pane greets a sample user by name with the date, shows a grey new-task field and a stack of white rounded task rows. Each row has a square checkbox, a task title (book a table, charge the camera, water plants, pay the electricity bill, call a friend, send a report), an optional small date chip and a colored dot or emoji that points to its list.
Feature tiles
A grid of rounded tiles on pale grey-blue follows. A wide tile pairs a heading and short paragraph on fast and delightful use with a cropped task input with a list picker and a few rows. Two half-width tiles sit below, one on light, dark and black themes with a dark theme menu and a segmented control, and one titled "Details matter" with a large white card showing a checked task whose text is struck through. All tiles have only a bold title and two or three lines of grey text.
Sign-up and footer
The page ends with a large pale email prompt over a soft blue gradient and a dark pill labelled get early access. The footer is small: a 2021 copyright, a credit line naming two makers with links, terms and privacy links and a round social icon.
How the page reads
The page demonstrates the product with the product. Minimal chrome, a single blue accent and soft panels keep it calm, and the gradient headline is the only decorative flourish.
Based on a single full-page screenshot of dona.ai from 2021 (the footer shows a 2021 copyright), when the product was in early access, the only capture available for this entry; a small part of the sign-up section is cropped. Features and claims are the makers' own as shown on the capture date and may have changed. Check the live site for the current offering.
Related designs
