content.y2k-chrome-about-panel · About panel

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

Rule
A 4:5 rounded image on a gradient mesh on 1–5; on 6–12 a pixel eyebrow, a step-5 chrome h2, a lead and a body paragraph and a small star.
Slots
image, eyebrow, title, body, body2
Grid areas
image 1-5 · text 6-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 4:5 image with the token radius and an iridescent mesh behind the subject on 1–5. On 6–12, vertically centred: pixel-font eyebrow, h2 at step 5 (weight 700, uppercase, chrome fill), a lead paragraph and a body paragraph (max 56 ch) and a small accent star as a sign-off. At phone width the image comes first.

Brand & product studio

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.