---
name: Folio Warm
theme: editorial-portfolio
version: "1.0"
colors:
  primary: "#1a1209"
  background: "#faf8f4"
  surface: "#f0ebe3"
  accent: "#d4793a"
  text: "#1a1209"
  muted: "#8c7b6b"
  border: "#e0d5c8"
fonts:
  display: "Oswald"
  body: "Lato"
  mono: "Fira Code"
spacing:
  base: 4px
  scale: [4, 8, 12, 16, 24, 32, 48, 64, 96]
radius:
  sm: 2px
  md: 4px
  lg: 8px
components:
  - Buttons
  - Badges
  - Cards
  - Form Inputs
  - Stat Block
  - Section Header
agent_rules:
  - "Background is always warm cream #faf8f4 — never pure white"
  - "Accent color #d4793a for CTAs, links, and highlights only — not structural elements"
  - "Headings use Playfair Display — body uses DM Sans — never mix them up"
  - "Borders use #e0d5c8 — never pure black borders"
  - "Cards have no shadow — use border #e0d5c8 and slight background contrast instead"
  - "Spacing scale strictly — no arbitrary pixel values"
full-kit: "https://www.stacklift.design/kit/folio-warm"
---

# Folio Warm — 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/folio-warm](https://www.stacklift.design/kit/folio-warm)