design-liberalisted

# Design Libera — Visual Design Direction Aesthetic design intelligence for web and UI. Covers visual direction, color strategy, typography, motion, and layout for both brand and product surfaces. Use alongside `/ui-ux-libera` for technical UX (accessibility, touch targets, performance, launch completeness). **When the two conflict, `/ui-ux-libera` wins** — see Conflict Resolution below. --- ## Mode Selection Identify your mode before proceeding. Default is **Build**. | Mode | Trigger phrases | What it does | | ---- | --------------- | ------------ | | **Build** | (default) | Creates new UI with selected register, theme, and macrostructure. Runs all gate checks. | | **Audit** | "audit questo design", "valuta questo UI", "audita este diseño", "cosa non va", "score questo" | Scores existing code or screenshot against design patterns. No edits made. | | **Redesign** | "ridisegna", "rediseña", "rediseña", "cambia stile", "stessa struttura diverso look", "preserva il contenuto" | Preserves copy and information architecture. Rebuilds visual fingerprint from scratch. | | **Study** | "analizza questo sito", "analiza este sitio", "estrai il DNA", "voglio replicare questo stile", "cosa usa questo design" | Extracts design DNA from a URL or screenshot. Produces a portable design brief. | --- ## Step 0 — Choose Your Register Identify before doing anything else. Everything downstream depends on this. **Brand** — design IS the product: landing pages, marketing surfaces, campaign