features.claymorphism-app-drawer · App drawer

A features pattern from Claymorphism, 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="features.claymorphism-app-drawer". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title row (h2 at step 6 in 1–7, muted line in 8–12), then eight surface clay app tiles in a four-column grid: a 1:1 clay icon object, a bold title and a small muted line.
Slots
title, body, features[8..8]
Grid areas
title 1-7 · intro 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F2EDFF · text #2B2340 · heading #1E1733 · accent #FF64AC · accent2 #00C09F · Fredoka / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • The denser app-store block. Title row: h2 at step 6 in 1–7, muted line bottom-aligned in 8–12. Then eight white clay tiles in four columns (two on phones): a 1:1 clay icon object in a rounded frame, a bold title at step 1 and one muted small line. Tiles are 24 px apart.

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.

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.