Fig. 01Chromatic Logic
#4A5240#A65E44#D4C9B3
Standoutbrand protocol
Standout turns your business context into a complete brand system: colors, type, logo direction, components, and the rules for using them.
Once the system is ready, you export everything to your coding agent so it can build in that exact brand.
Fig. 02Typographic Hierarchy
Primary Display
Aa
FamilyNeue Haas Grotesk
Tracking-0.02em / Tightly Set
Fig. 03Component Rigor
Execution Protocol
Context Ingestion
Provide your core idea, existing URL, or raw business plan. The engine analyzes semantic intent to establish a baseline aesthetic direction.
Init_Phase
Aesthetic Alignment
Respond to 3-5 highly focused, binary questions designed to calibrate visual density, tone, and historical design references.
Calibration
System Generation
Synthesis of a complete brand kit. Exact hex values, typographic scales, spacing variables, and border logic, defined with architectural precision.
Compile_Rules
Claude Code Export
Output is formatted as structured JSON/Markdown rulesets. Paste directly into Claude Code to constrain UI generation to this specific brand identity.
Sys_Prompt_Ready