Brand Identity System

Design
with
intention.

A complete visual identity for VELA — built on restraint, precision, and the quiet confidence of a brand that doesn't need to shout.

Explore Kit Social Templates →

VELA — Est. 2024

02 — Color System

The Palette

02
Ivory #FAFAFA
Linen #F2F2F0
Mist #E0E0E0
Ash #8A8A8A
Ink #1A1A1A
Gold #B8860B
Color Tokens
Token Swatch Hex RGB Usage
--c-bg
#FAFAFA 250, 250, 250 Primary background
--c-bg-off
#F2F2F0 242, 242, 240 Secondary background, hover states
--c-mid
#E0E0E0 224, 224, 224 Borders, dividers, hairlines
--c-muted
#8A8A8A 138, 138, 138 Secondary text, labels, captions
--c-ink
#1A1A1A 26, 26, 26 Primary text, headings, icons
--c-gold
#B8860B 184, 134, 11 Accent, CTAs, highlights, brand mark

03 — Typography

The Voice

03

Display — PP Neue Montreal

Geometric
Precision

Light 300 · Regular 400 · Medium 500

Body — Spectral

Editorial
Warmth

Light 300 · Regular 400 · Italic

Type Scale
Display XL
112px / 300
Vela
Display L
80px / 300
Studio
Heading 1
56px / 300
Creative Direction
Heading 2
40px / 300
Brand Identity Systems
Heading 3
28px / 400
Visual Communication
Body Large
18px / 300 Italic
We craft identities that endure — built on restraint, precision, and the quiet confidence of a brand that doesn't need to shout.
Body Base
16px / 400
Every detail is considered. Every decision is intentional. From the weight of a hairline to the space between letters — nothing is accidental.
Label
10px / 400 Caps
Brand Identity · Creative Studio · Est. 2024
Mono
11px / Regular
--c-gold: #B8860B · --f-display: 'PP Neue Montreal'
VELA

Brand Voice

"We don't follow trends.
We build foundations."

04 — Usage Examples

In Context

04

Strategy

Brand Architecture

Defining the structural relationship between your brand and its sub-brands, products, and services.

Identity

Visual Systems

A cohesive visual language that communicates your brand's values across every touchpoint.

Direction

Creative Vision

Translating brand strategy into compelling visual narratives that resonate with your audience.

Button System
Spacing Scale
sp-1 · 4px
sp-2 · 8px
sp-3 · 12px
sp-4 · 16px
sp-6 · 24px
sp-8 · 32px
sp-12 · 48px
sp-16 · 64px
sp-24 · 96px