blog.y2k-chrome-blog-roll · Blog roll

A blog pattern from Y2K Chrome, 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.y2k-chrome-blog-roll". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Posts two per row as rounded panels: a 16:9 image on a mesh, then a pixel-font date, the step-2 title and an underlined read link.
Slots
title, posts[2..8]
Grid areas
posts 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A chrome h2 (step 5), then posts two per row (an even count). Each: a rounded panel with a 16:9 image (token radius on the top corners), then inside 16–24 px padding the date in the pixel font, the title (step 2) and an underlined "read more" link. At phone width one per row.

Field notes

Apr 3, 2026 · 8 min

Your homepage is a sales call nobody attends

Read

Mar 1, 2026 · 5 min

The case against the brand book

Read

Jan 22, 2026 · 6 min

Naming a product in 2026

Read

Dec 9, 2025 · 4 min

Industrial brands deserve good type

Read