ToDo's, ten new looks

Same app, same buttons, same places. Only the look changes. Every feature you have today is in each one: owner switch, count, refresh, push to tomorrow, date filter, list and calendar, the health cards, levers, stars, kids, meetings, Share and Send, link icon, Open Sesame, description with mic, checklist, due and repeat, attachments, the red trash, the K view, the New task screen with the mic and More options, and the desktop sidebar.

The tasks shown are made-up sample tasks, not your list. Tap any picture to enlarge it. "Try it on a phone frame" shows the iPhone layout inside a phone on your Mac; open the same link on your iPhone to feel it for real. Nothing here touches the live app.

10 of 10 designs are ready on this page.

0

Today's look, for reference

The current app, same sample data

current phone
iPhone today (note the header running off the edge)
current phone opened
iPhone today, card opened
current desktop
Desktop today
1

Clean Slate

The look you know, tidied up

Warm paper, terracotta, the header finally fits a phone, and the labels no longer land on top of long titles. Everything sits where you put it.

Clean Slate on a phone
iPhone, Today view
Clean Slate with a card opened
iPhone, card opened
Clean Slate on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
2

Night Shift

Dark graphite with amber

Dark by default, built for the phone in the evening. Amber count and buttons, glowing colour rails for levers, stars and kids. The dark switch goes fully black for OLED.

Night Shift on a phone
iPhone, Today view
Night Shift with a card opened
iPhone, card opened
Night Shift on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
3

Glass

Frosted cards on a soft colour wash

Translucent cards that blur what is behind them, rounded corners, indigo accent. Feels like the newer iPhone widgets.

Glass on a phone
iPhone, Today view
Glass with a card opened
iPhone, card opened
Glass on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
4

Rows

Apple Reminders style, no cards

One grouped white list with hairlines between rows, iOS blue, tier colour on the check circle. The calmest of the ten. Placement is the same, the row is just flatter.

Rows on a phone
iPhone, Today view
Rows with a card opened
iPhone, card opened
Rows on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
5

Bold Blocks

Thick black borders and hard shadows

Loud and playful. Heavy headline numbers, yellow highlights, square-ish buttons. You cannot miss a lever.

Bold Blocks on a phone
iPhone, Today view
Bold Blocks with a card opened
iPhone, card opened
Bold Blocks on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
6

Mono Grid

Dense, technical, violet

Flat cards, tiny gaps, monospace numbers and labels, health tiles side by side. Built for scanning a long list quickly on the desktop.

Mono Grid on a phone
iPhone, Today view
Mono Grid with a card opened
iPhone, card opened
Mono Grid on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
7

Soft Pastel

Rounded, friendly, Kaylee-proof

Rounded type, pastel tier colours filling the whole card, a pink to violet add button. The gentlest one.

Soft Pastel on a phone
iPhone, Today view
Soft Pastel with a card opened
iPhone, card opened
Soft Pastel on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
8

Bento

Tiles on top, two columns on the desktop

The header becomes stat tiles, the health cards sit side by side, and on the desktop the task list runs in two columns. Variant: levers span the full width.

Bento on a phone
iPhone, Today view
Bento with a card opened
iPhone, card opened
Bento on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
9

Timeline

An agenda rail with a dot per task

A vertical rail runs down the list, each card hangs off it with a dot in its tier colour and the time pill up front. Reads like a day plan.

Timeline on a phone
iPhone, Today view
Timeline with a card opened
iPhone, card opened
Timeline on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page
10

Editorial

Serif, magazine, oxblood

Serif titles and numbers, hairline rules, small-cap labels, a deep red accent. The most grown-up of the set.

Editorial on a phone
iPhone, Today view
Editorial with a card opened
iPhone, card opened
Editorial on the desktop
Desktop, 1280 wide
A card opened
A card opened
New task
New task
Calendar
Calendar
K view
K view
Share menu
Share menu
Dark mode
Dark mode
Desktop, card opened
Desktop, card opened
Desktop, dark
Desktop, dark
Whole phone page
Whole phone page