wow-design-wiki/concepts/design-systems.md

title, description, tags

title	description	tags
Brand Identity Design	Building consistent brand identity across web presence.	brand identity logo colors typography consistency

Brand Identity Design

Brand Elements Hierarchy

1. Logo

• Primary: Full logo with wordmark
• Secondary: Icon-only for favicons
• Monochrome: For dark/light backgrounds
• Minimum size: 32px height

2. Color Palette

Brand Colors:
├── Primary: #6366f1
├── Secondary: #8b5cf6
├── Accent: #10b981
└── Neutrals: #f5f5f5, #a0a0a0, #666666, #111111

3. Typography

• Display font: For headings
• Body font: For content
• Max 2 type families per brand

4. Imagery Style

• Photography: Consistent lighting, mood
• Illustrations: Flat, isometric, or abstract
• Icons: 2px stroke, consistent style

Brand Voice Guidelines

Channel	Tone	Example
Website	Professional, clear	"Simplify your workflow"
Social	Conversational	"Try it out today!"
Email	Personal, direct	"Hi John, we noticed..."
Support	Empathetic, helpful	"Let's figure this out together"

Anti-Patterns

• Never use more than 2 primary colors
• Never change fonts without approval
• Never stretch or distort logo
• Never ignore brand guidelines