Slopless Design

features.sketchbook-sticky-board · Sketchbook sticky board

A features pattern from Sketchbook, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="features.sketchbook-sticky-board". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Intro with h2, line, 4:3 doodle and ghost link in 1–4; four to six blue sticky notes in a two-column masonry in 5–12.

Slots

sectionLabel, title, body, image, cta, features[4..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

Intro in 1–4: note, h2 at step 5 (≤14 ch), a muted line, a 4:3 doodle and a ghost arrow link. Columns 5–12: four to six blue sticky notes in a two-column masonry, 24 px apart: a handwritten number at step 3, the title at step 2 and a line of body text.

What you get

What we do

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

Positioning

Find the one sentence your best customers already believe.

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

Websites

Fast, editable sites built on the CMS your team already knows.

Sales enablement

Decks, one-pagers and demos your reps actually use.

Product naming

Names that survive trademark search and a noisy trade show.