Tasks, notes, and plans.
Finally in one app.

From the creators of Wunderlist — the all-in-one app for to-do lists, notes and projects.

Get started free Download
My tasks
Inbox
Today
Notes
Team
Ship the new onboarding flowToday
Draft Q3 planning noteWork
Review design spec feedbackDesign
Book the offsite venueLife
One app

Stop spending time organizing

Tasks + notes in one

Write a note and turn any line into a task without switching context.

Built for teams

Shared lists, comments and assignments that stay out of the way.

Works everywhere

Native on Mac, iOS, Android and the web, synced instantly.

Controls

One hot CTA, no borders

Primary CTA Wash Panel Ghost Disabled Chip Violet Pink
Primary CTA Wash Panel Ghost ← hover (JS-driven on the real site)
Add a task… Focused input Focused button ← recommended focus ring (site defines none)

The CTA is a 40px pill authored in wide-gamut P3 — color(display-p3 .772 .137 .051) → color(display-p3 .976 .380 .257), falling back to #d70000 → #ff5231 — and it is the only saturated surface on the page. Panels use a generous 20px radius and there are zero borders anywhere; every boundary is a fill change. The real site defines no focus ring and no reduced-motion block.

Typography

Scale over saturation

Display (h1) · Haffer XH SemiBold · 88/83.6 · 600 · -1.76pxFinally in one app.
Section (h2) · Haffer XH SemiBold · 30/36 · 600 · -0.6pxStop spending time organizing
Sub-head (h3) · Haffer XH SemiBold · 24/28.8 · 400 · -0.48pxTasks + notes in one
Body / UI · Haffer XH SemiBold · 16/19.2 · 600 · normalFeatures · Use Cases · Pricing
Small UI · Inter · 14 · 400 · normalCookie Policy and legal text
Pixel accent · Jersey 10 · display · 400 · normalSUPERLIST
Palette

Monochrome plus one

Canvas & surfaces
canvas#181824
canvas-2#181825
panel#26253b
wash-13#ffffff 21
wash-05#ffffff 0d
Text
white#ffffff
off-white#f7f7ff
grey-light#eeeeee
muted#8e8da0
muted-deep#696f81
CTA gradient (P3) & accents
cta-deep#d70000
cta-bright#ff5231
CTA rampP3 authored
violet#9087ff
violet-fill#7577e0
pink#f866db
Depth and motion

Fills, never borders

2px
4px chip
8px CTA
10px
20px panel
38px
100px pill
200px dome
0 10px 15px rgba(0,0,0,.08)
layered 1px + 2px 6px
rim-light 0 -1px 1px
inset 0 0 0 1px

There are zero borders on the page — boundaries are fill changes — with four soft shadows led by rgba(0,0,0,.08) 0 10px 15px and one backdrop blur(29px). Motion is a finding rather than a gap: the stylesheet declares exactly one transition (color 0.2s cubic-bezier(.44,0,.56,1)) and one keyframe (the Framer loader), because all real animation runs through Framer Motion in JS.