Applying Design to the Design Site
The design site explained the brand but did not look like it. Mark wanted to bring the Qpoint look to it in steps, designed first in Figma and Illustrator.
Component pages gained three view modes that remember your choice, examples became easier to read, and a resize bug was fixed. Later rebuilds replaced most of the look.
Documents
With file names, on their own page →Threads
What changed
The change that matters most, in plain words. Open any one to see it.
- 1
Each component page can show everything, just the workbench, or the workbench with controls below, and it remembers your pick.
Three ways to view a component · came from Mark Parson
- Code examples now show one setting per line, lined up, with every setting shown. In words
- A survey of fifteen design systems showed that a separate library plus a docs site is a well-trodden pattern. In words
- A box that grows to fit its content only animated the first time; that was fixed in the shared library. In words
How we got here
Each change, traced back to the conversation it came from. A solid mark means the record names the source; a dashed one was matched by the draft and waits for review.
From the record: no recorded conversation behind this one.
c17-D1 Bring the brand to the site in open-ended steps, each designed in Figma or Illustrator first, then built. — Mark Parson
Each component page can show everything, just the workbench, or the workbench with controls below, and it remembers your pick.
Thanks to
People outside Qpoint first. Every thank-you points at something they said or made.
Set the brief and drew the view icons
Asked to apply the brand to the site step by step, with the design work in Figma and Illustrator; the full, work and focus icons were drawn in Illustrator.
All images
Every picture from this cycle. Click any one to step through them all.
The pairs
Everything captured · 0
The full record 0 decisions · 25 key-change entries · 594 words · 0 captures
The record stays as written, for agents and for audit: Key Changes, every decision, the artifacts and the visual record.
Open the record for c17 →