Brand guidelines

One structure. Four businesses. One identity.

These guidelines govern how Vuvo Group and its companies appear in every medium. Version 1.0.

01 · Concept

The keystone. Same chevron, different colour.

The V-chevron is the shared structure of every Vuvo business. The keystone triangle in its mouth is where each company's identity sits.

The chevron is always ink or ivory. Only the keystone changes. Vuvo Group uses brass. Each company uses its own colour, and no company uses brass.

Vuvo Labs keeps its existing orange keystone. No change is needed to the Labs mark.

Group

Labs

Errands

Academy

Horizons

02 · Master logo

The primary lockup.

On light

On dark

Clear space

Keep a margin of at least half the height of the chevron on every side. Nothing else enters this area: no text, edges or graphics.

Minimum size

Primary lockup: 140 px or 35 mm wide.
Horizontal lockup: 110 px or 28 mm wide.
Stacked lockup: 90 px or 24 mm wide.
Icon only: 16 px or 5 mm wide.

03 · Variants

Every layout, every colourway.

Use full colour on ivory or white. Use reversed on ink, midnight or dark imagery. Use a mono version only where one colour is the only option, such as embossing, fax or single-colour print.

Primary

Full colour

Mono, ink

Reversed

Mono, white

Horizontal

Full colour

Mono, ink

Reversed

Mono, white

Stacked

Full colour

Mono, ink

Reversed

Mono, white

Icon only

Full colour

Mono, ink

Reversed

Mono, white

04 · Company lockups

One endorsed-brand system.

Each company uses the same chevron, the same wordmark structure and the same descriptor line. Only the keystone colour changes.

On group materials, such as this site, the group deck or a joint stand, use the endorsed lockup, which adds "A Vuvo Group company". On a company's own materials, use the standard lockup.

Vuvo Labs

#FF7A1A

Vuvo Errands

#12B5A6

Vuvo Academy

#7C5CFF

Vuvo Horizons

#1EA1F2

The family

Social profiles, signage and decks show all five marks together at equal size, with the Group first.

05 · Colour

Navy and ivory, with brass for the Group.

Ink, midnight and ivory carry the identity. Brass marks the Group. Company colours appear only as a keystone, a thin rule, a small label or a focus state, and never as a large fill on group pages.

Core

Ink

#0A1024

Text, primary dark

Text on ivory 17.9:1 AAA

Midnight

#070B1A

Dark section background

Ivory text on it 18.6:1 AAA

Ivory

#FAF9F6

Primary background

Ink text on it 17.9:1 AAA

Stone

#F1EFEA

Muted fills

Ink text on it 16.4:1 AAA

Slate

#4B5468

Secondary text on light

On ivory 7.2:1 AAA

Group accent

Brass

#B08D4A

Keystone and rules

Graphic use only. Not for text.

Brass text

#7D6128

Brass for text on light surfaces

On ivory 5.5:1 AA

Brass on dark

#C9A763

Brass for text on dark surfaces

On ink 8.3:1 AAA

Company accents

Vuvo Labs

#FF7A1A

Keystone and graphics

Graphic use only. Not for text.

Labs text

#B33A00

Text on light surfaces

On ivory 5.7:1 AA

Labs on dark

#FF9A4D

Text on dark surfaces

On ink 9.0:1 AAA

Vuvo Errands

#12B5A6

Keystone and graphics

Graphic use only. Not for text.

Errands text

#0B6E65

Text on light surfaces

On ivory 5.8:1 AA

Errands on dark

#3FD6C6

Text on dark surfaces

On ink 10.5:1 AAA

Vuvo Academy

#7C5CFF

Keystone and graphics

Graphic use only. Not for text.

Academy text

#5A3FD6

Text on light surfaces

On ivory 6.4:1 AA

Academy on dark

#A994FF

Text on dark surfaces

On ink 7.5:1 AAA

Vuvo Horizons

#1EA1F2

Keystone and graphics

Graphic use only. Not for text.

Horizons text

#0B6AA8

Text on light surfaces

On ivory 5.5:1 AA

Horizons on dark

#5CBDF7

Text on dark surfaces

On ink 9.1:1 AAA

Contrast is calculated against ivory and ink using the WCAG 2.1 formula. Body text needs 4.5:1 (AA). Logos and decorative graphics are exempt. Use the text variants for any text.

06 · Typography

A serif for statements. A sans for everything else.

Headlines · Source Serif 4

Built to last across generations.

Weight 400–600. Sentence case. Tight tracking (−0.01em).

Labels and wordmark · Bricolage Grotesque

Our companies

Weight 600, uppercase, +0.18em tracking. Shared with the Vuvo Labs site.

Body and interface · Inter

A group of companies that operate independently and share the same standards.

Weight 400–500. 16–18 px, line-height 1.6.

Scale

Display72 / 80

H148 / 54

H236 / 42

H324 / 30

Lead20 / 32

Body16 / 26

Small14 / 22

07 · Grid and space

Twelve columns. Generous margins.

Container: 1280 px maximum, 20 px gutters on mobile, 40 px on desktop.
Twelve columns, 24 px gap. Text blocks never exceed eight columns.
Spacing is a multiple of 8 px. Section padding is 96 to 160 px on desktop.
Separate content with hairline rules, not boxes. Radius is 6 to 14 px.
Alternate light and dark sections. The four company cards are the only coloured moment on a page.

08 · Imagery

Documentary. Architectural. Quiet.

Photography shows real places and real work: Nairobi streets and skyline, logistics, classrooms, landscapes. Wide, candid, unposed. Grade every image to the same cool navy tone so unrelated photos read as one set.

Where no suitable photograph exists, use the chevron graphic language below.

No AI-generated faces or people.
No handshakes, globes or glowing networks.
Credit every Unsplash or Pexels image in the page footer or the credits list.

09 · Usage

What not to do.

Do not recolour the chevron.

Do not stretch or squash.

Do not rotate.

Do not swap keystone colours between companies.

Do place the logo on ivory, white, ink or midnight. Over photography, add a navy overlay until contrast with the logo is at least 4.5:1.
Do use the Group-endorsed lockup when two or more companies appear together.
Do not add shadows, outlines, gradients or effects to the logo.
Do not redraw the wordmark or set it in another typeface.
Do not use brass for a company, or a company colour for the Group.
Do not place the keystone colour on a background of similar hue.

10 · Downloads

Brand assets.

Every file below is available as SVG (editable, outlined type) and PNG (transparent background). Design tokens are provided as CSS variables, JSON and a Tailwind config.

Vuvo academy (48 files)

Vuvo errands (48 files)

Vuvo horizons (48 files)

Vuvo labs (48 files)

group (40 files)

116 SVG logo files in total. Source: /brand-assets in the repository.