Brand Guidelines
Outer Edge expresses precision, editorial restraint, and functional clarity. Every screen, prompt, and AI-generated output must stay aligned with these principles. The brand is the system — there are no decorative layers.
Neutral Only
No brand colors. The palette is black, white, and the neutral scale in between. Avoid introducing arbitrary hues.
Inter Typeface
Inter is the only typeface. Use weight 400 for body, 500 for labels, 600–700 for headings. Never mix fonts.
Small Radius
Border radius is locked to 0.25rem (small). Rounded-full is reserved for avatars and status dots only.
Sparse Layout
Negative space is intentional. Interfaces should feel like a well-typeset document — not a dashboard fighting for attention.
Lucide Icons
Use Lucide React exclusively. 16px for inline, 20px for standalone contexts. Never mix icon libraries.
Motion Restraint
Use shadcn built-in transitions only. No spring, bounce, or decorative animation. Motion signals state change — not personality.
Brand Priority
Outer Edge outputs should feel precise, editorial, and neutral — like a well-set technical document made interactive. When in doubt, remove. Simplicity is not a style choice — it is the standard.