Design Standards

Production design standards for any web project. Stack-agnostic. Tool-agnostic. Covers tokens, contrast, hierarchy, spacing, mobile rules, and the pre-ship checklist.

This skill complements brand-identity (which defines the visual system) and brand-style-guide (which documents it). This skill is for the day-to-day work of applying those standards in real components and pages.

When to use

• Building a new page, section, or component
• Reviewing UI for quality, accessibility, or consistency
• Setting up design tokens for a new project
• Fixing layout, contrast, or hierarchy issues
• Establishing a button or form standard
• Pre-ship design review

When NOT to use