[dpdev69]

Part of the shared Basalt design system rollout. Boss approved the system and the rollout to all sites. Everything is shared except colour, so the desk, page, ink, terracotta and quill colours stay exactly as they are in light and dark.

What changes

• Type: the site no longer loads EB Garamond or Caveat (about 120 KB). Text and headings use the system font, and kickers and labels use Geist Mono, the one shared web font. "set as a book." keeps its terracotta, upright instead of italic. Sizes move onto the shared scale, and tracking depends on size.
• Buttons: pills with a 44px minimum (36px small, 52px large), press scale 0.97 over 120ms.
• Nav: 52px tall, the desk colour at 72% with a 20px blur. The hairline appears once content scrolls under it.
• Shape: radius scale 6/10/14/20/pill. Cards are 14px and the hero screenshot is 20px.
• Accessibility: the nav becomes solid with reduced transparency, and lines get stronger with more contrast.
• Unchanged: every colour, the app screenshots, and the Folio app itself, which still sets its pages in its book faces (THIRD_PARTY_NOTICES and the terms line stay).

Checked

• Chromium at 320, 390 and 1440px in light and dark, on the home and privacy pages. No sideways scroll.
• Screenshots (before and after) are in the project files under design-system/rollout/folio/.
• 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 folio with    Cloudflare Pages

Latest commit:	6a31b8e
Status:	✅  Deploy successful!
Preview URL:	https://e3c06c28.folio-bn7.pages.dev
Branch Preview URL:	https://claude-project-thread-3z6dg5.folio-bn7.pages.dev

View logs