Todoist

Item: Todoist
Rating: 7.4

To-do list and task manager app for work and life.

todoist.com Save page

7.4/10MABTU rating

DESKTOP · 1440 × 7,638/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, review count, red CTA, app screenshot on peach tile410
02pressThree italic press quotes with logos on wavy ribbon
03featuresAlternating text and UI mockups, four blocks
04bentoPhone, desktop, watch tiles with illustration and video
05templatesTabs and five illustrated template cards682
06trustFlag illustration, big stats355
07ctaCentred peach CTA then footer

Rating · Home

Visual design7.8

UX & clarity8.0

Originality6.8

Craft & consistency7.8

Motion6.0

Performance & a11y7.7

This page scores 7.5; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Graphik-1bbd4a4c7a2fb472heading · sans · self-hosted Inter-5486e50ce5a4efdfbody · sans · self-hosted

Stack & style

Contentful Astro

Minimal Corporate / clean Rounded / soft Product-UI-led Marquee Pinned sections Review badges Stats band Sticky header Tabs Testimonial slider

Also: Amazon CloudFront, Google Analytics, Google Tag Manager

Design DNA

White page washed with soft peach and cream gradients, red-orange brand accent used only on pill CTAs and small eyebrows. Compact left-aligned hero headline with app screenshot in a rounded peach tile, then press quotes set in italic serif on a wavy green-cream ribbon. Features alternate text left and UI mockup right on pastel tiles, followed by a bento of phone, desktop and watch shots with a doodle arrow, a tabbed template card grid with small illustrations, a trust block with flag illustrations and big numbers, and a peach closing CTA.

Worth borrowing

Set press quotes in a light italic serif with the outlet logo underneath, on a soft ribbon band.
Use a hand-drawn arrow and scribble note ('Take a peek!') to point at a product video tile.
Tab a template gallery by audience (Work, Personal, Education) with small illustrated cards.