list.sketchbook-todo-list · Sketchbook to-do list

A list pattern from Sketchbook, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="list.sketchbook-todo-list". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A white sketch sheet: h2, line and button in 1–4; five or six divided to-dos in 5–12, each a red ring, title, line and a blue tag.
Slots
sectionLabel, title, body, cta, items[5..6]
Tokens
bg #FBF8F0 · text #2A2722 · heading #1B1915 · accent #FFD43B · accent2 #C92A2A · Kalam / Figtree · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • One white sheet (padding 48 px). Columns 1–4: note, h2 at step 5, a line and a primary button. Columns 5–12: five or six to-dos divided by wavy rules: a small red hand-drawn ring, the title at step 1 and a small line, and a handwritten tag in the blue pen on the right rotated −2° (hidden on phones).

Index

Services

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Start a project

Discovery sprint

Two weeks of interviews, audits and competitor teardown.

2 weeks

Positioning workshop

A day with your leadership to agree on one story.

1 day

Identity design

Logo, type, colour, motion and a working toolkit.

8 weeks

Website

Strategy, copy, design and build in Webflow or Next.js.

10 weeks

Launch support

Training, templates and a month of on-call design.

4 weeks