# Visual Identity Basics

## Core Visual Elements

### Logo

- **Primary:** Full logo (horizontal/stacked)
- **Secondary:** Abbreviated version
- **Icon/Mark:** Symbol only
- **Clear space:** Minimum padding around logo
- **Minimum size:** Smallest readable size

### Color Palette

```
Primary Colors (1-2)
├── Main brand color
└── Supporting primary

Secondary Colors (2-3)
├── Accent colors
└── Supporting visuals

Neutrals (3-4)
├── Text colors
├── Background colors
└── UI elements
```

### Typography

| Usage   | Font   | Weight   | Size    |
| ------- | ------ | -------- | ------- |
| H1      | [Font] | Bold     | 32-48px |
| H2      | [Font] | Semibold | 24-32px |
| Body    | [Font] | Regular  | 16-18px |
| Caption | [Font] | Regular  | 12-14px |

## Visual Guidelines Template

```markdown
## Logo Usage

### Correct Usage

- [Guidelines for proper logo use]

### Incorrect Usage

- Don't stretch or distort
- Don't change colors (unless approved)
- Don't add effects
- Don't place on busy backgrounds

## Color Specifications

### Primary Palette

| Color  | Hex     | RGB   | Usage          |
| ------ | ------- | ----- | -------------- |
| [Name] | #XXXXXX | r,g,b | [Where to use] |

### Accessibility

- Text contrast ratio: 4.5:1 minimum
- Button contrast: WCAG AA compliant

## Imagery Style

### Photography

- [Lighting preferences]
- [Subject guidelines]
- [Composition rules]
- [Editing style]

### Illustrations

- [Style description]
- [Color usage]
- [Complexity level]

### Icons

- [Style: outlined/filled/duotone]
- [Stroke weight]
- [Corner radius]
```

## Quick Checks

### Logo

- [ ] Correct version for context
- [ ] Sufficient clear space
- [ ] Legible at size used
- [ ] Correct color for background

### Colors

- [ ] From approved palette
- [ ] Accessible contrast
- [ ] Consistent across materials

### Typography

- [ ] Correct fonts
- [ ] Appropriate hierarchy
- [ ] Readable size