ONYX BLACK
OUR VISUAL IDENTITY
Made of
the EXTRA.
Everything that makes us WaveCrest.
Logos, colours, typography and that extra detail — all in one place.
01 / BRAND SIGNATURE
One name. A clear impression.
Our wordmark is our signature. Use the original files, preserve its proportions and give it room to breathe.
WHITE
PNG versions
Transparent background · 1848 × 247 pxWHITE
ONYX
BLACK
Use strong contrast and keep the area around the logo clear. Do not stretch or alter the artwork. Always check legibility at the final size.
02 / COLOUR SYSTEM
A calm foundation. A bold accent.
Neutral colours create structure. The accent colour brings the energy.
Click a colour to copy its HEX code.
Primary colours
Accent colours · one per composition
Matcha #F5F9D1
Lavender #DCD6F6
Blueberry #CBD0F3
The lighter supporting colours are for charts and data graphics. Use dark text on light surfaces. Extra Green on black and white on Bold Blue are combinations shown in the brandbook.
03 / TYPOGRAPHY
Roboto. With character.
One straightforward type family with a clear hierarchy.
One headline. One point of emphasis.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !?@& ÆØÅæøå
abcdefghijklmnopqrstuvwxyz
0123456789 !?@& ÆØÅæøå
Roboto Black
Headline emphasis · 900
Roboto Regular
Main text and subheadings · 400
Roboto Light
Supporting copy · 300
TRY THE FONT
04 / HAND-DRAWN ENERGY
The human touch.
Organic shapes bring personality to a clean composition.
Use them with purpose — and give the message room to breathe.
Let the artwork follow the subject and its movement. Keep faces, logos and the main message clear. In carousels, use one dominant graphic per image.
05 / SMALL GESTURES
Small gestures. More personality.
Arrows, waves and hand-drawn marks for the smaller details.
A simple gesture can guide, highlight or add a little extra energy.
Arch 01
ELEMENT 269
SVG ↓
Plus
ELEMENT 274
SVG ↓
Small mark
ELEMENT 275
SVG ↓
Arch 02
ELEMENT 276
SVG ↓
Cross
ELEMENT 277
SVG ↓
Rays
ELEMENT 278
SVG ↓
Waves
ELEMENT 280
SVG ↓
Star
ELEMENT 281
SVG ↓
Oval
ELEMENT 283
SVG ↓
Circle
ELEMENT 286
SVG ↓
Solid lightning arrow
ELEMENT 287
SVG ↓
Outline lightning arrow
ELEMENT 290
SVG ↓
Upward arrow
ELEMENT 291
SVG ↓
Curved arrow 01
ELEMENT 292
SVG ↓
Wavy arrow
ELEMENT 293
SVG ↓
Straight arrow
ELEMENT 294
SVG ↓
Curved arrow 02
ELEMENT 295
SVG ↓Use the icons sparingly in presentations and digital content. Keep their scale and stroke weight consistent, and let them support the message.
17 individual SVG icons. Scalable vector artwork with transparent backgrounds, ready for digital and print projects.
Download SVG collection ↓06 / DESIGN PRINCIPLES
Simple at the core.
Extra in the details.
Clear hierarchy, room to breathe and a detail that makes the difference.
EMPHASIS / BLACK + EXTRA GREEN
Be EXTRA.
Forget fine. GO ICONIC.
CLARITY / SPACE TO BREATHE
One idea.
A clear story.
The detail that makes people notice.
01 — Clear composition
Create a clear reading order and space between elements. Keep practical information simple and easy to find.
02 — Real moments
Photography feels natural and unposed. Use soft light, natural colours, inclusive subjects and space for the message.
03 — An extra layer
A hand-drawn stroke or accent colour adds energy. Use small gestures when a large graphic would take up too much space.
Tone of voice: Clear, confident, curious and a little unexpected. Be specific and let the message move the work forward.
07 / ASSET LIBRARY
Ready for your next project.
Original files and the brandbook, together and ready to use.