Blocks.

Tasks, features, anything with a picture and a short explanation. The workhorse.

• Image full-bleed on top, about two-thirds of the card
• White body below with title + one or two lines
• Rounded corners, image bleeds to the card edges
• Never text over the image, never a shadow under it

Live example

Post posters around campus

Put up flyers at approved spots around Stanford. We tell you where, you handle the rest.

Used on: /stanfordhelper/, /hiring/

Books and guides. The cover is the whole pitch.

• Cover always tall 4:5, edge to edge, no borders or bars
• Body below: badge, title, one-line description
• Covers live in /assets/ as name-cover-4x5.png

Live example

Free to readA Few Thoughts

Thirty short thoughts from Dave on mornings, kindness, and work.

Used on: /research/, /books/

People and characters. Face first, name second.

• Photo 3:4, rounded corners, centered layout
• Name below, then role in gray: "Sally: lead vocals"
• Every card carries a face, no exceptions

Live example

Chadwick

finds gems, outgoing

Used on: /characters/, /team/

Scores, counts, weekly numbers. Big number, tiny label.

• Light gray box, rounded, numbers in tabular figures
• Label is small caps, gray, one or two words
• Group related stats in one box, never alone

Live example

Used on: /reps/

Full-bleed moment with text on top. One per page, max.

• Image fills the whole block, text sits on the image bottom-left
• Text gets a shadow so it reads on any photo
• Never cover faces with the text

Live example

Pixel

Our animation studio. Kindness, rendered in 3D.

Used on: /pixel/

Work in progress. Notion style, honest ETAs.

• One row per item: status dot, bold title, ETA right-aligned
• Dots: yellow running, green done, gray queued
• Every running item carries a real ETA, no "today"

Live example

Used on: /q/, /todo/