content.hardware-design-notes · Design notes

A content pattern from Industrial Hardware, 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.hardware-design-notes". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Label, a statement at step 4 and two muted paragraphs in 1–5; a technical drawing of the product on a bordered surface plate in 6–12 with a mono caption.
Slots
label, statement, body, body2, image, caption
Grid areas
copy 1-5 · drawing 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #E5E3DE · text #262522 · heading #111110 · accent #FF5B14 · accent2 #1C1C1A · Archivo / Archivo · radius 6px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Columns 1–5: part label, a statement at step 4 (600, ≤ 30 ch) and two muted paragraphs. Columns 6–12: a 4:3 technical drawing of the product on a bordered surface plate with a mono caption.

About

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

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.

Corvid Robotics — identity