1# Visual Identity Basics
2 
3## Core Visual Elements
4 
5### Logo
6- **Primary:** Full logo (horizontal/stacked)
7- **Secondary:** Abbreviated version
8- **Icon/Mark:** Symbol only
9- **Clear space:** Minimum padding around logo
10- **Minimum size:** Smallest readable size
11 
12### Color Palette
13```
14Primary Colors (1-2)
15├── Main brand color
16└── Supporting primary
17 
18Secondary Colors (2-3)
19├── Accent colors
20└── Supporting visuals
21 
22Neutrals (3-4)
23├── Text colors
24├── Background colors
25└── UI elements
26```
27 
28### Typography
29| Usage | Font | Weight | Size |
30|-------|------|--------|------|
31| H1 | [Font] | Bold | 32-48px |
32| H2 | [Font] | Semibold | 24-32px |
33| Body | [Font] | Regular | 16-18px |
34| Caption | [Font] | Regular | 12-14px |
35 
36## Visual Guidelines Template
37 
38```markdown
39## Logo Usage
40 
41### Correct Usage
42- [Guidelines for proper logo use]
43 
44### Incorrect Usage
45- Don't stretch or distort
46- Don't change colors (unless approved)
47- Don't add effects
48- Don't place on busy backgrounds
49 
50## Color Specifications
51 
52### Primary Palette
53| Color | Hex | RGB | Usage |
54|-------|-----|-----|-------|
55| [Name] | #XXXXXX | r,g,b | [Where to use] |
56 
57### Accessibility
58- Text contrast ratio: 4.5:1 minimum
59- Button contrast: WCAG AA compliant
60 
61## Imagery Style
62 
63### Photography
64- [Lighting preferences]
65- [Subject guidelines]
66- [Composition rules]
67- [Editing style]
68 
69### Illustrations
70- [Style description]
71- [Color usage]
72- [Complexity level]
73 
74### Icons
75- [Style: outlined/filled/duotone]
76- [Stroke weight]
77- [Corner radius]
78```
79 
80## Quick Checks
81 
82### Logo
83- [ ] Correct version for context
84- [ ] Sufficient clear space
85- [ ] Legible at size used
86- [ ] Correct color for background
87 
88### Colors
89- [ ] From approved palette
90- [ ] Accessible contrast
91- [ ] Consistent across materials
92 
93### Typography
94- [ ] Correct fonts
95- [ ] Appropriate hierarchy
96- [ ] Readable size
97