blog.bauhaus-dated-blocks · Dated blocks

A blog pattern from Bauhaus, 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.bauhaus-dated-blocks". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Posts as rows: the date in a yellow block on 1–2, title lowercase on 3–9, a one-line summary on 10–12.
Slots
title, posts[3..8]
Grid areas
date 1-2 · title 3-9 · summary 10-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #0050CC · accent2 #AF0029 · Jost / Jost · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Each post is one row separated by a 2 px rule: the date in a yellow (surfaceAlt) block on 1–2 (small, weight 700), the title (h3, lowercase) on 3–9, a one-line summary on 10–12. No thumbnails. At phone width the date block sits above the title.

Field notes

Apr 3, 2026 · 8 min

Your homepage is a sales call nobody attends

What lost-deal interviews reveal about B2B websites.

Mar 1, 2026 · 5 min

The case against the brand book

Why guidelines belong in a website your team visits.

Jan 22, 2026 · 6 min

Naming a product in 2026

Trademarks, domains and the 400-name longlist.

Dec 9, 2025 · 4 min

Industrial brands deserve good type

Notes from rebranding a valve manufacturer.