8VB
Brand Book

8VB.Studio v1.0 — 2026 CI/VI Guidelines
02 — Colour System

Five Colours.
One System.

The 8VB palette is built around tension between restraint and energy. Charcoal and White form the neutral core. Teal adds considered depth. Acid — used sparingly — is the brand's energetic pulse. Navy provides a rich dark-mode alternative.

8VB Charcoal
#231F20
R 35 · G 31 · B 32
8VB Navy
#243847
R 36 · G 56 · B 71
8VB Teal
#2E5766
R 46 · G 87 · B 102
8VB Acid
#D9E146
R 217 · G 225 · B 70
White
#FFFFFF
R 255 · G 255 · B 255

Click any swatch to copy the hex value.

Charcoal — Primary

The dominant colour of the brand. Used for all primary surfaces, the mark on light backgrounds, body type, and structural elements. Anchors visual weight.

Acid — Accent / Energy

The brand's energy signature. Used sparingly for emphasis, CTAs, highlight states, and the primary icon on dark backgrounds. Never used as a large background on its own for extended reading.

Teal — Secondary

Used when a colour variant of the mark is needed without resorting to Acid. Works on white and off-white backgrounds. Signals professionalism and craft.

Navy — Dark Alternative

A refined dark-mode background. Used with Acid for high-impact applications: digital hero sections, event materials, large-format signage. Never substitute for Charcoal in print body layouts.

Approved Colour Combinations
Primary
Charcoal
+ White
High-Impact
Navy
+ Acid
Secondary
White
+ Teal
Accent
Charcoal
+ Acid
03 — Typography

Aeonik.
Clean, Modern, Confident.

Aeonik is the primary typeface across all 8VB Studio communications. A contemporary geometric sans with subtle optical corrections that keep it warm at display scale. Noto Sans serves as the multilingual and digital fallback — ensuring coverage across all character sets.

Creative
Direction.
Aeonik Light 200 · −4% tracking · Display use only
We build brands
that move.
Aeonik Regular 400 · −2% tracking · Headline / subhead
CAMPAIGN
LAUNCH
Aeonik Bold 700 · −3% tracking · Emphasis / campaign titles
Type Scale
Display · 72–96px · wt 200
8VB Studio
H1 · 48–64px · wt 300
Creative Direction
H2 · 32–40px · wt 400
Brand Strategy & Identity
H3 · 20–24px · wt 500
Visual World Development
Body · 15–17px · wt 400
8VB Studio is an independent creative studio operating across brand, film, and experience. We partner with founders and CMOs to build communications that resonate across cultures.
Caption · 11–12px · wt 400
ls: 0.08em
Brand Identity · Motion · Campaigns · Experiential
Font Pair
Primary Typeface Aeonik Trial
Light · 300
The medium is the message.
Light Italic
The medium is the message.
Regular · 400
The medium is the message.
Regular Italic
The medium is the message.
Bold · 700
The medium is the message.
Bold Italic
The medium is the message.
Secondary / Multilingual Noto Sans
Light · 300
Universal coverage. 汉字. العربية.
Regular · 400
Use for body copy in multilingual.
SemiBold · 600
Subheads and UI labels.
Bold · 700
Strong emphasis, data callouts.

Used wherever Aeonik cannot render the required character set. Noto Sans's comprehensive glyph coverage makes it the reliable fallback for Cantonese, Mandarin, Arabic, and other non-Latin scripts.

04 — Visual Language

Fluid Form.
Sharp Intention.

The 8VB visual language is built around the tension inherent in the mark itself — organic curves held in check by precise geometry. Large scale, generous whitespace, and a monochromatic base broken only by deliberate colour moments.

Core Principles

Dominant Negative Space

White or dark ground should always dominate. The mark and typography emerge from the field — they do not fill it. Aim for 60%+ open space in most compositions.

Directional Energy

Compositions should imply movement — through crop, scale contrast, or typographic alignment. The mark's diagonal sweep sets the tone. Build layouts that feel like they're in motion.

Scale as Hierarchy

Use extreme scale contrast between headline and body copy. One idea at a time. Avoid equal-weight compositions — something should always clearly lead.

Colour as Punctuation

Acid is used the way an editor uses italics — once per composition, to mark what matters most. It should surprise, not pattern-fill.

Typography as Structure

Aeonik headlines can anchor a layout without any imagery. Text-only executions are valid and encouraged — the typeface is strong enough to carry full pages.

Edge-to-Edge Confidence

The mark is designed to bleed. In large-format applications, allow the curves to extend beyond the frame — this is a feature, not an error.

Motion Design Principles

Fluid Easing

All transitions use ease-in-out curves that mirror the S-curve of the mark. Avoid linear motion — everything should breathe. Suggested: cubic-bezier(0.4, 0, 0.2, 1).

Unhurried Tempo

Signature animations are slow. Logo reveals should run 800ms–1.2s. Fast cuts are used for edit rhythm, never for the brand identity itself. Confidence is never rushed.

The Mark in Motion

When animating the mark, reveal via the pinch points — either drawing in from the left pinch outward, or morphing from a single point into the full form. Never spin or bounce.

Image Direction
High Contrast

High-contrast, minimal

Strong blacks and whites. Limited colour. Subject isolated from background. Shot with confidence and breathing room.

Cinematic

Cinematic framing

Wide aspect ratios preferred. Shallow depth of field for portraits. Environmental shots should feel considered, never stock.

Avoid Colour

Desaturated palette

Photography should not compete with brand colour. Process images to near-monochrome or limit saturation. The Acid and Teal colours own their space.

05 — Applications

The Brand
in the World.

Core application contexts across digital, print, and environmental. Each maintains the same principles: generous space, confident scale, disciplined colour.

Digital
Website / Digital Charcoal background · reversed primary lockup · Acid used for hover states and CTAs only
Event / OOH
Event & OOH / Large Format Navy + Acid · Maximum visual impact · Mark can bleed beyond frame edge
Print
Print / Collateral White ground · Charcoal positive mark · Single-colour print: Charcoal or Teal
Favicon
Digital Icon / Favicon Acid mark on white or transparent · Used at 16×16 to 512×512 · Never include wordmark at icon scale
Asset Files Reference
File Format Use
FA_8VB.aiAdobe IllustratorMaster vector source — all logo variants. Use for print, signage, production.
CoreVisuals_Artboard 1–6.pngPNG @4xHigh-res digital exports, presentations, social.
www_iconArtboard.pngPNG @4xWeb header, app icon, digital mark-only use.
www_iconArtboard_simple.pngPNGFavicon, social media profile, app icon (transparent bg).
AeonikTRIAL-*.otfOpenTypeInstall for design tools. Note: Trial license — purchase commercial before client delivery.
NotoSans-*.ttfTrueTypeFull weight range. OFL license — free for all commercial use.