
Your AI tools don't know what your brand looks like
Every AI coding agent generates the same UI. Gray backgrounds, blue buttons, Inter font, 8px border radius. It doesn't matter if you're building for a fintech startup or a surf shop. The output looks identical because the agent has zero context about your brand. Google noticed this too. When they redesigned Stitch in March 2026, they introduced a file format called DESIGN.md. It's a markdown file that encodes your design system (colors, typography, spacing, component styles) in a format that LLMs can read. Drop it in your project root and tools like Claude Code, Cursor, Gemini CLI, and Stitch itself will use it to generate UI that actually matches your brand. The problem is, nobody wants to write one from scratch. What a DESIGN.md looks like It has 5 sections: Visual Theme & Atmosphere - mood, shape language, depth Color Palette & Roles - every color with a semantic role Typography Rules - font families, size scale, weights Component Stylings - buttons, cards, inputs Layout Principles
Continue reading on Dev.to Webdev
Opens in a new tab


