---
name: Pale Form
theme: minimal-interior
version: "1.0"
colors:
  primary: "#1C2B2E"
  surface: "#F5F0EC"
  surface-alt: "#EDE9E4"
  accent: "#78ABB6"
  text: "#1C2B2E"
  muted: "#8E9EA3"
  warm: "#B5865A"
fonts:
  display: "Gravitas One"
  body: "Outfit"
spacing:
  base: 4px
  scale: [4, 8, 12, 16, 24, 32, 48, 64, 96, 128]
radius:
  sm: 2px
  md: 4px
  lg: 8px
components:
  - Buttons
  - Badges
  - Cards
  - Form Inputs
  - Stat Block
  - Section Header
  - Product Card
  - Marquee Strip
agent_rules:
  - "Use spacing scale only — no arbitrary values"
  - "Accent #78ABB6 for interactive elements, CTAs, and brand moments only"
  - "Display font Cormorant Garamond for all headings H1–H3"
  - "Body font DM Sans for all paragraphs, labels, and UI text"
  - "Prefer border over shadow for card separation"
  - "Product cards: white background, image top, name + price below"
  - "Section numbers (01/02/03) always in accent color at large scale"
full-kit: "https://www.stacklift.design/kit/pale-form"
---

# Pale Form — Design System

Drop this file at your repo root. Your AI agent reads it automatically.

> 💡 **Full implementation available** — This `design.md` ships with a complete HTML/CSS kit: demo page, all components, CSS tokens ready to use. No setup needed.
> → [www.stacklift.design/kit/pale-form](https://www.stacklift.design/kit/pale-form)