63 lines
841 B
Markdown
63 lines
841 B
Markdown
# Design System
|
|
|
|
Auto-generated from Google Stitch export.
|
|
|
|
## Colors
|
|
|
|
- `bg-slate-50`
|
|
- `border-r-0`
|
|
- `text-blue-700`
|
|
- `text-slate-400`
|
|
- `text-slate-500`
|
|
- `text-slate-900`
|
|
- `bg-slate-200`
|
|
- `border-b-0`
|
|
- `bg-slate-100`
|
|
- `text-slate-600`
|
|
- `bg-blue-50`
|
|
- `text-slate-100`
|
|
- `text-amber-50`
|
|
- `text-amber-100`
|
|
|
|
## Typography
|
|
|
|
- `text-xl`
|
|
- `font-bold`
|
|
- `font-semibold`
|
|
- `text-sm`
|
|
- `font-medium`
|
|
- `text-xs`
|
|
- `text-lg`
|
|
- `text-4xl`
|
|
- `font-extrabold`
|
|
- `text-2xl`
|
|
|
|
## Spacing
|
|
|
|
- `p-0`
|
|
- `p-4`
|
|
- `gap-2`
|
|
- `space-y-1`
|
|
- `gap-3`
|
|
- `gap-4`
|
|
- `gap-6`
|
|
- `p-2`
|
|
- `p-6`
|
|
- `p-3`
|
|
- `p-8`
|
|
- `space-x-3`
|
|
|
|
## Components
|
|
|
|
- `<aside>`
|
|
- `<nav>`
|
|
- `<header>`
|
|
- `<button>`
|
|
- `<main>`
|
|
- `<section>`
|
|
|
|
## Notes
|
|
|
|
- Generated by Google Stitch AI
|
|
- Tailwind CSS utility classes used throughout
|
|
- Review and customize colors/typography for brand alignment |