content.terminal-readme · README

A content pattern from Terminal Mono, drawn alone below with this design's tokens and sample copy. Used in this design on: about page, section 1. Give the section root data-pattern="content.terminal-readme". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A file viewer on 1–8: a title bar with the filename and size, then a markdown-style title (# About), two paragraphs and a text link; a muted aside bottom-aligned in 9–12.
Slots
sectionLabel, meta, title, body, body2, cta, caption
Grid areas
file 1-8 · aside 9-12 (12-column grid, 1-based inclusive spans)
Notes
Prefix the title with an accent "# " so it reads as markdown.
Tokens
bg #0B0F0C · text #C8D3C5 · heading #E6F0E3 · accent #3DDC84 · accent2 #279558 · JetBrains Mono / JetBrains Mono · radius 0px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • A file-viewer window on 1–8: title bar with the filename (`README.md`) and size; inside, the title as markdown (`# About`, accent `#`, step 3, bold), two paragraphs (max 72 ch) and a text link. A muted aside (last edited, author) bottom-aligned on 9–12.

About

Booking projects from June 2026

How we think

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.

We hand over everything — source files, a living brand system and a website your team can edit without calling us.

Start a project

Corvid Robotics — identity