Internal reference for building consistent UI at CustomerInterviews.AI.
For Claude / LLM Reference
Reference specific sections by file path:
/design-system/foundations
. Each page contains detailed usage guides and examples.
Design System Pages
foundations
— colors, gradients, patterns, typography
core-components
— buttons, cards, forms, navigation
patterns
— page layouts, hero sections, feature grids
Quick Reference
bg-bone-200
text-charcoal-900
bg-orange-600
bg-grid-pattern
text-display
text-body
Key Files
tailwind.config.js
— colors
assets/css/main.css
— utilities
assets/images/grid-pattern*.svg
Colors, mesh gradients, grid patterns, and typography — the building blocks of the design system.
Buttons, cards, forms, navigation, and other reusable UI components.
Page layouts, section templates, and common UI compositions.
assets/css/main.css
tailwind.config.js
@layer components
so Tailwind can override