57 lines
1015 B
Markdown
57 lines
1015 B
Markdown
# {Project Name} Style Guide
|
|
|
|
**Last Updated**: {Date}
|
|
|
|
## Design Tokens
|
|
|
|
### Colors
|
|
|
|
#### Primary Colors
|
|
- `--color-primary`: #007bff
|
|
- `--color-primary-hover`: #0056b3
|
|
- `--color-primary-active`: #004085
|
|
|
|
#### Semantic Colors
|
|
- `--color-success`: #28a745
|
|
- `--color-warning`: #ffc107
|
|
- `--color-error`: #dc3545
|
|
- `--color-info`: #17a2b8
|
|
|
|
#### Neutral Colors
|
|
- `--color-gray-50`: #f8f9fa
|
|
- `--color-gray-900`: #212529
|
|
|
|
### Typography
|
|
|
|
- `--font-sans`: 'Inter', system-ui, sans-serif
|
|
- `--font-mono`: 'Fira Code', monospace
|
|
- `--font-size-xs`: 0.75rem
|
|
- `--font-size-base`: 1rem
|
|
- `--font-size-xl`: 1.25rem
|
|
- `--line-height-tight`: 1.25
|
|
- `--line-height-normal`: 1.5
|
|
|
|
### Spacing
|
|
|
|
- `--spacing-xs`: 0.25rem (4px)
|
|
- `--spacing-sm`: 0.5rem (8px)
|
|
- `--spacing-md`: 1rem (16px)
|
|
- `--spacing-lg`: 1.5rem (24px)
|
|
- `--spacing-xl`: 2rem (32px)
|
|
|
|
### Breakpoints
|
|
|
|
- sm: 640px
|
|
- md: 768px
|
|
- lg: 1024px
|
|
- xl: 1280px
|
|
- 2xl: 1536px
|
|
|
|
## Components
|
|
|
|
[Document component patterns here]
|
|
|
|
## Guidelines
|
|
|
|
[Project-specific guidelines]
|