Visual refresh: typography, cards, sidebar, admonitions

[LindsayAuch]

Summary

A multi-part design refresh of the OpenRewrite docs to align styling with a simpler, Inter-typography card-based aesthetic.

Tracked as 5 draft PRs against an integration branch (LindsayAuch/visual-refresh-sandbox) so each slice gets its own diff while staying off master until reviewed as a whole. A sandbox docs page (/sandbox) renders one example of every new pattern for visual review.

Scope

• Typography — drop Beausite, Inter throughout, smaller H1, weight/size tweaks
• Card components — full-width stacked cards, smaller padding/height, light-grey hover, swizzled DocCard cleanup, gems-bg removal
• Sidebar nav — bold categories, blue active states, tighter spacing
• Markdown link-list cards — recipe README pages render link-only lists as cards
• Admonitions — Info / Tip / Note / Warning / Caution / Danger using Lucide outlined icons + per-variant color schemes

Process

• Foundation PR (sandbox page + integration branch) lands first
• 5 styling PRs target the sandbox branch, not master
• After approval, the sandbox branch becomes a single PR into master

Backup

Full WIP branch: LindsayAuch/live-local-preview

[LindsayAuch]

All draft PRs opened. Targets:

• Integration: Visual refresh of docs site  #493 — LindsayAuch/visual-refresh-sandbox → master (do not merge until children land)
• Children (target the integration branch, not master):
  • Typography refresh: Inter throughout, smaller H1 #494 — Typography refresh
  • Card components redesign: full-width stacked, compact, subtle hover #495 — Card components redesign
  • Sidebar nav refresh: bold categories, blue active state, tighter spacing #496 — Sidebar nav refresh
  • Render markdown link-only lists as cards (recipe READMEs) #497 — Markdown link-list cards
  • Admonition restyle: Lucide icons, per-variant color schemes #498 — Admonition Lucide icons

Sandbox preview lives at /sandbox on the integration branch. Each child PR shows its diff in isolation; the cumulative effect renders once they're all merged into the sandbox branch.

Backup of all changes pre-applied: LindsayAuch/live-local-preview.