[dpdev69]

Part of the shared Basalt design system rollout (hellobasalt.dev went first, #15 there). Boss approved the system and the rollout to all sites. Everything is shared except colour, so every Upright colour stays exactly as it is in light and dark.

What changes

• Type: Geist Mono (the one shared web font, 30 KB, self-hosted) for labels. Section eyebrows become the shared mono uppercase label. Ad-hoc sizes (12.5, 13.5, 14.5, 15.5, 16, 16.5, 18, 19 and 24px) move onto the shared scale (12/13/15/17/21/28). Tracking now depends on size, and body text is set at 0 with line-height 1.5.
• Shape: radius scale 6/10/14/20/pill. Cards go from 22px to 20px, mouse cards and code blocks to 14px, and the final card from 32px to 20px.
• Motion: press scale 0.97 over 120ms with the shared ease-out. Hover is colour-only, so the arrow nudges and the mouse-card lift are gone. The FAQ opens in 180ms.
• Accessibility: the nav and glass pills become solid with reduced transparency, and lines get stronger with more contrast.
• Unchanged: the macOS mock-ups in the feature stages, the hero entrance, and the gesture pad demo.

Checked

• Chromium at 320, 390 and 1440px in light and dark, on the home page, MX Vertical and the SteerMouse comparison. No sideways page scroll anywhere. The comparison table still scrolls inside its own box.
• Screenshots (before and after) are in the project files under design-system/rollout/upright/.
• WebKit is not installed in this container, so a Safari check on a real Mac or iPhone is still needed.

---

Generated by Claude Code

[cloudflare-workers-and-pages]

Deploying upright with    Cloudflare Pages

Latest commit:	229554c
Status:	✅  Deploy successful!
Preview URL:	https://78c82091.upright-2ev.pages.dev
Branch Preview URL:	https://claude-project-thread-3z6dg5.upright-2ev.pages.dev

View logs