# Branding

Positioning, messaging and visual identity in a two-week sprint.

## Output

### Strategy
- Positioning
- Value proposition
- Messaging spine
- Tagline
- Tone of voice
- Brand character & design principles

### Identity
- Logo & symbol
- Typography
- Color
- Graphic language
- Art direction
- Motion principles

### Applications
- Brand applications
- Layout & composition
- Illustration & icons
- Photography direction

### Brand system
- Brand guidelines
- Figma library
- Final brand assets

## Process

### Week 1
- Strategy: positioning, messaging
- Creative directions: visual identity
- Checkpoint: direction selection

### Week 2
- Identity development: logo & symbol, typography, color, graphic language
- Brand system & handoff: brand guidelines, Figma library, final brand assets
- Checkpoint: final review

## Examples

### Hilbert
Branding · Website · Design retainer

[Hilbert logo system](https://cdn.vasa.works/hilbert/case-study/hilbert-logo-system.cd8a4ecc-v2.mp4)

[Hilbert logo construction](https://cdn.vasa.works/hilbert/case-study/hilbert-logo-construction.a1f9e0a3-v2.mp4)

[Hilbert type specimen](https://cdn.vasa.works/hilbert/case-study/hilbert-type-specimen.32f0a52b-v2.mp4)

[Hilbert colour palette](https://cdn.vasa.works/hilbert/case-study/hilbert-palette-squares-v2.d3d4be93-v2.mp4)

### CVector
Branding · Website

![CVector brand guidelines](assets/works/cvector/brand-guidelines-1600.webp)

![CVector logo](assets/works/cvector/logo-1600.webp)

![CVector colour palette](assets/works/cvector/colors-1600.webp)

![CVector line-art pattern](assets/works/cvector/pattern-1600.webp)

### Amplio
Branding · Website

![Amplio brand guidelines](assets/works/amplio/brand-guidelines-1600.webp)

[Amplio logo construction](https://cdn.vasa.works/amplio/logo-constrcution/amplio-02-construction-preview.769bd048.mp4)

![Amplio background shapes](assets/works/amplio/background-shapes-1600.webp)

![Amplio steel shader](assets/works/amplio/steel-shader-1600.webp)

## We also do...

- [Website](/website)
- [Design retainer](/retainer)
