feat: Card・Navbar と Footer のレシピ（軸 103〜105、ADR-0129〜0132）

[kazuemon]

概要

Card と Navbar を足し、Footer は部品にせず「レシピ」（既存の部品を組み合わせて作るものの見本）として置きました。

Card（ADR-0129・軸 103）

• Card・CardImage・CardBody。型は default（画像を端まで）と nested（内側に収める）。角・比率・余白は ADR-0014・0016・0017 のまま
• href でカード全体が 1 つのリンクになります。Next.js の Link は render に渡します
• 押せるカードの hover は、面を淡く塗り、輪郭を濃くし、画像を 1.04 倍にします。押すと 1px 沈みます。影は付けません

Navbar（ADR-0130・0131・軸 104・105）

• Navbar・NavbarLink。ロゴ・行き先・操作を 1 行に並べます
• 帯の幅が 48rem より狭いと、行き先をメニューのボタンに畳み、Drawer に並べます（画面ではなく帯の幅で判定。出し方は原則11 と同じ判定で、menuSide で固定可）
• currentIndicator: text（既定）・neutral・primary・underline
• sticky（既定 false）。貼り付けたときの境目 stickyEdge（line 既定・shadow）と面 stickyBackdrop（solid 既定・blur）

レシピ（ADR-0132）

• README に「レシピ」の節を作り、Footer を移しました
• Storybook の Recipes/（src/recipes/）に Footer の見本を 2 つ置きました。公開の入口には足していません
• CLAUDE.md のファイルの地図に src/recipes/ の行を足しました

記録

• ADR-0129〜0132、索引、backlog、原則 1・3・11 の書き換え
• 比較のストーリー（軸 103〜105）は決まったので消しました。コミットする前に消したため、比較は ADR の画像だけが記録です

確かめたこと

• pnpm typecheck・pnpm lint・pnpm format:check・pnpm test（58 ファイル・291 件）

🤖 Generated with Claude Code