Brand Hub

System Directory [Ver. 2.1.0]

Welcome to the Single Source of Truth. Access modular technical documentation via the diagnostic directory below.

IDN_01

Logo Usage

Rules for applying the logo consistently across all media, including sizing, spacing, color variations, and placement.

STR_02

Brand Guidelines

The foundational rules that define how the brand should look, sound, and behave.

TDA_03

Design System

A structured library of visual components, styles, and interface patterns used to create cohesive digital experiences.

AST_04

Templates & Assets

Ready-to-use files and resources such as presentation templates, social media layouts, and approved graphics.

ICO_05

Iconography

A curated set of icons designed to align with the brand’s visual language.

GRX_06

Graphic Elements

Supporting shapes, patterns, textures, illustrations and visual motifs that enhance the brand identity.

PHO_07

Photographic Direction

Guidelines for image style, composition, lighting, and subject matter.

VOX_08

Voice & Tone

Standards for how the brand communicates in writing and speech.

Back to Hub

Logo Usage

Identity Clearance [IDN_01]

Rules for applying the logo consistently across all media, including sizing, spacing, color variations, and placement. Ensures the mark remains recognizable and visually balanced in every context. Centralized downloads for vector (SVG) and raster (PNG) assets.

[ Awaiting Identity Data Injection ]
Back to Hub

Brand Guidelines

Strategic Core [STR_02]

The foundational rules that define how the brand should look, sound, and behave. Provides a single reference point to maintain consistency across all touchpoints.

[ Awaiting Strategic Data Injection ]
Back to Hub

Design System

Token-Based UI Architecture [TDA_03]

Design tokens are the visual atoms of the design system. They are named entities that store visual design attributes — values for margins and spacing, font sizes and families, color values — and serve as a Single Source of Truth for design and engineering.

Tokens are the foundational building blocks of the design system: design decisions represented as data.

01. Chromatic Framework

Accent

Signature Gold

ROLE:Primary Brand Accent
HEX:#E9BE74
RGB:233, 190, 116
CMYK:0 / 18 / 50 / 9
Core Base

Midnight Blue

ROLE:Primary Background
HEX:#171B3B
RGB:23, 27, 59
CMYK:61 / 54 / 0 / 77
Contrast

Pure White

ROLE:Primary Typography
HEX:#FFFFFF
RGB:255, 255, 255
CMYK:0 / 0 / 0 / 0
Atmosphere

Atmospheric Gradient

ANGLE:135°
VALUE (0%):#0B0E60
VALUE (100%):#171B3B
CSS:linear-gradient

02. Typographic System

Aa
Primary Typeface

Playfair Display

Designer

Claus Eggers Sørensen

High-contrast serifs and authoritative geometry for strategic summary documentation.

Specimen — width & weight preview
Playfair Display SemiBold (600)

The quick brown fox jumps over the lazy dog

Playfair Display Regular (400)

The quick brown fox jumps over the lazy dog

Playfair Display Italic (400i)

The quick brown fox jumps over the lazy dog

Integrated Specimen Grid

Aa
Secondary Typeface

Montserrat

Designer

Julieta Ulanovsky

Geometric sans-serif providing structural clarity for technical data analysis.

Specimen — width & weight preview
Montserrat SemiBold (600)

The quick brown fox jumps over the lazy dog

Montserrat Regular (400)

The quick brown fox jumps over the lazy dog

Montserrat Light (300)

The quick brown fox jumps over the lazy dog

Integrated Specimen Grid

03. Heading Hierarchy

Back to Hub

Templates & Assets

Distribution Network [AST_04]

Ready-to-use files and resources such as presentation templates, social media layouts, and approved graphics. Helps teams create branded materials quickly and accurately.

[ Awaiting Asset Injection ]
Back to Hub

Iconography

Symbolic Architecture [ICO_05]

A curated set of icons designed to align with the brand’s visual language. Supports communication with clear, recognizable symbols that maintain consistency across applications.

[ Awaiting Asset Injection ]
Back to Hub

Graphic Elements

Tactile & Structural Assets [GRX_06]

Supporting shapes, patterns, textures, and visual motifs that enhance the brand identity. Adds flexibility and depth while reinforcing a distinctive aesthetic.

[ Awaiting Graphic Parameters ]
Back to Hub

Photographic Direction

Visual Storytelling Parameters [PHO_07]

Guidelines for image style, composition, lighting, and subject matter. Ensures photography consistently reflects the brand’s personality and emotional tone.

01. Lighting Constraints

IMG_REF_LIGHT_01

Chiaroscuro Contrast

CONTRAST:High Ratio
SHADOWS:Deep / True Black
HIGHLIGHTS:Controlled / Rolled Off
IMG_REF_LIGHT_02

Directional Key Light

ANGLE:45° to 90° Offset
SOURCE:Hard Natural / Strobed
INTENT:Architectural Depth
IMG_REF_LIGHT_03

Negative Fill

TECHNIQUE:Subtractive Lighting
FILL LEVEL:Minimal to Zero
AVOID:Flat / Over-lit Subjects

02. Composition & Staging

IMG_REF_COMP_01

Strategic Negative Space

SPATIAL RATIO:60/40 Split
BREATHING ROOM:Mandatory
UTILITY:Typography Overlay
IMG_REF_COMP_02

Depth of Field (DoF)

APERTURE:f/2.8 – f/4.0 Range
SUBJECT:Tack Sharp Focus
BACKGROUND:Smooth Cinematic Falloff

03. Color Grading Matrices

IMG_REF_COLOR_01

Midnight Blue Dominance

SHADOW TINT:Cool / Cyan Shift
SATURATION:–15% Desaturated
ALIGNMENT:var(--bg-main)
IMG_REF_COLOR_02

Signature Gold Accents

HIGHLIGHT TINT:Warm / Amber Shift
SKIN TONES:True to Life
ALIGNMENT:var(--accent-primary)
Back to Hub

Voice & Tone

Narrative Framework [VOX_08]

Standards for how the brand communicates in writing and speech. Defines the personality, language style, and tonal variations used across different audiences and contexts.

[ Awaiting Narrative Directives ]