blog.neo-grotesk-journal-list · Journal list

A blog pattern from Neo-grotesk Minimal, 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="blog.neo-grotesk-journal-list". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Posts as single hairline-ruled lines: date in mono 1–2, title (weight 500) 3–8, a tiny category label right-aligned in 11–12.
Slots
sectionLabel, posts[4..20]
Grid areas
date 1-2 · title 3-8 · category 11-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #F95620 · accent2 #9E2C00 · Geist / Geist · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Each post is one line separated by hairlines: the date in mono at step −1 on 1–2, the title at body size weight 500 on 3–8, a tiny uppercase category on 11–12. No thumbnails, summaries or read times. At phone width date and category share the line above the title.

Journal

Apr 3, 2026 · 8 min

Your homepage is a sales call nobody attends

Apr 3, 2026 · 8 min

Mar 1, 2026 · 5 min

The case against the brand book

Mar 1, 2026 · 5 min

Jan 22, 2026 · 6 min

Naming a product in 2026

Jan 22, 2026 · 6 min

Dec 9, 2025 · 4 min

Industrial brands deserve good type

Dec 9, 2025 · 4 min