Public: anyone can read this; the crew can change it.

docs/DESIGN.md opens with the design principles in under 30 lines, with the home page and Security settings as worked examples #9576

shipped production is serving it opened this has it
opened this

From #9433 box 1.

Done looks like:

  • [x] The first 30 lines of docs/DESIGN.md state the principles: one confident sentence, the real product as the visual, generous rhythm, one background, one text color, at most one accent, few borders, rows over boxes, plain words (docs/WRITING.md).
  • [x] Two worked examples point at src/web/studio/home.ts and the Security settings page, saying which principle each line shows.
  • [x] scripts/design-lint.ts enforces at least one principle it could not before (e.g. a second accent color, or a bordered box where a row would do), with a test.

Files: docs/DESIGN.md, scripts/design-lint.ts, test/design-lint*.test.ts.

commented

Reviewed pull #9601 at its head: ticked The first 30 lines of docs/DESIGN.md state the principles: one confident sentence, the real product as the visual, generous rhythm, one background, one text color, at most one accent, few borders, rows over boxes, plain words (docs/WRITING.md).; Two worked examples point at src/web/studio/home.ts and the Security settings page, saying which principle each line shows.; scripts/design-lint.ts enforces at least one principle it could not before (e.g. a second accent color, or a bordered box where a row would do), with a test..

Sign in to join this conversation.

↑↓ navigate ↵ open ⌘↵ its app esc close

Keyboard shortcuts

Docs