From 7a24cfb7a16dbf3ac59ddcfd9e5fbf27624af6e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Be=C3=B1at=20Espi=C3=B1a?= Date: Sat, 31 Oct 2026 09:43:13 +0100 Subject: [PATCH] docs: fix the focus ring at 2px of the accent, 3px off the edge DESIGN.md named the colour of the focus ring but not its size, so the landing drew 2px and the docs left the browser's default. The ring is now a rule, the same on the landing, in the docs and in Studio. Co-Authored-By: Claude Fable 5.1 --- DESIGN.md | 1 + 1 file changed, 1 insertion(+) diff --git a/DESIGN.md b/DESIGN.md index 68f4793..eaa1f2e 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -98,6 +98,7 @@ How every table of facts is set, in docs, on the landing page and in Studio: ## Layout - Corners square (radius 2px). Structure by hairlines (`--rule`), not by shadows. +- **Focus is a 2px ring of `--accent`, 3px off the edge.** On a control that sits in a bordered box, the ring stays 3px inside it. The same ring everywhere: landing, docs, Studio. - 4px spacing grid; 12 columns; gutter `clamp(16px, 4vw, 64px)`; max width 1312px. - Content-led hero, not a full-viewport splash by default.