phase 2

stitch-exports/screen-02-part-select/DESIGN.md

@@ -0,0 +1,63 @@
+# 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