From 673b91972c9388f6693981e25c420d0be15299a0 Mon Sep 17 00:00:00 2001 From: Sudha Shrestha Date: Thu, 11 Jun 2026 16:09:01 +0545 Subject: [PATCH 1/4] feat(site): switch display type to Instrument Sans and add docs sidebar on /components Replace Young Serif with self-hosted Instrument Sans, share docs shell layout with the components index, fix category grid typography, and update OG cards. Co-authored-by: Cursor --- CLAUDE.md | 5 +- app/(main)/components/layout.tsx | 9 +++ app/(main)/components/page.tsx | 58 ++++++++---------- app/(main)/docs/[[...slug]]/page.tsx | 2 +- app/(main)/docs/layout.tsx | 17 +---- app/layout.tsx | 11 +--- components/docs-shell-layout.tsx | 21 +++++++ package.json | 1 - .../instrument-sans-latin-wght-normal.woff2 | Bin 0 -> 30092 bytes .../young-serif-latin-400-normal.woff2 | Bin 26992 -> 0 bytes scripts/lib/og-template.mjs | 10 +-- scripts/sync-og-fonts.mjs | 4 +- styles/docs.css | 13 ++-- styles/fonts.css | 7 +++ 14 files changed, 87 insertions(+), 71 deletions(-) create mode 100644 app/(main)/components/layout.tsx create mode 100644 components/docs-shell-layout.tsx create mode 100644 public/og-fonts/instrument-sans-latin-wght-normal.woff2 delete mode 100644 public/og-fonts/young-serif-latin-400-normal.woff2 create mode 100644 styles/fonts.css diff --git a/CLAUDE.md b/CLAUDE.md index 283c0d90..8250a502 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -12,11 +12,12 @@ Animata is a free, open-source library of animated React components built with N - Co-located `.css` imported from the TSX for keyframes, pseudo-elements, and selectors Tailwind cannot express (see `roll-text.tsx`, `metis-text.tsx`) - Inline `