diff --git a/.gitignore b/.gitignore index f9d8f3b..7fc3b60 100644 --- a/.gitignore +++ b/.gitignore @@ -25,4 +25,4 @@ tests/benchmarks/runs/ # Swarm data .swarm/ -tests/benchmarks/src/.swarm/ \ No newline at end of file +tests/benchmarks/src/.swarm/ diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..d639fbe --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1,313 @@ +# KnowledgePlane Design System + +**Philosophy**: "Digital Archive" — warm scholarly interface with technical precision. JetBrains Mono everywhere, amber/indigo/teal palette, subtle warmth. + +--- + +## Quick Reference + +### Colors + +| Element | Light | Dark | +|---------|-------|------| +| Primary (Amber) | `#f59e0b` | `#fbbf24` | +| Secondary (Indigo) | `#6366f1` | `#818cf8` | +| Accent (Teal) | `#14b8a6` | `#5eead4` | +| Base-100 | `#faf8f5` | `#111827` | +| Base-200 | `#f1ede7` | `#1f2937` | +| Base-300 | `#e3dcd1` | `#374151` | + +### Typography + +```css +/* Brand/Logo Only */ +--font-brand: 'Space Grotesk', system-ui, sans-serif; + +/* All UI Text */ +--font-mono: 'JetBrains Mono', 'Courier New', monospace; +``` + +**Font Sizes**: `text-xl sm:text-2xl lg:text-3xl` (h1), `text-lg sm:text-xl` (h2), `text-sm sm:text-base` (body) + +### Spacing + +```css +Container: p-4 sm:p-6 lg:p-8 +Card: p-4 sm:p-6 +Margins: mb-4 sm:mb-6 (section), mb-2 sm:mb-4 (element) +Gaps: gap-4 sm:gap-6 (large), gap-2 sm:gap-4 (medium) +``` + +### Breakpoints + +- `sm: 640px` (tablets) +- `lg: 1024px` (desktop) +- Mobile-first: base → sm → lg + +--- + +## Component Patterns + +### Cards +```jsx +