Brand · OdinVanguard

01 · Logo

Versions

Use the horizontal lockup by default. Use the stacked lockup in square or tall spaces, and the mark alone where the name already appears nearby or space is tight. Files are in 01-logos/ of the brand kit; web copies live in /brand/logo/.

Horizontal · primary

Horizontal · on dark

Stacked

Stacked · on dark

Mark

App icon

One-color versions

For single-color printing, embossing, engraving and fax-quality output, use the black or white files. The eye becomes a cutout.

Black

White

Clear space and minimum size

Keep clear space of X on every side, where X is one quarter of the raven's height. Smallest sizes: horizontal lockup 120 px / 30 mm wide; mark 24 px / 6 mm. Below 40 px, use the mark-small files, which drop the facet lines and enlarge the eye so it stays readable.

Don't

Stretch, squash, rotate or skew the logo.
Re-type the wordmark. It is outlined Space Grotesk with custom spacing, so always use the files.
Change the colors outside the four approved versions, or make the eye any color but gold (or a cutout).
Place the color logo on busy photos or mid-tone backgrounds. Use the white or black version instead.
Add shadows, glows, outlines or gradients.
Flip the raven so it faces left. It always looks forward, to the right.

02 · Color

Palette

Mostly Midnight and Parchment, with Gold used sparingly: roughly 60% neutral background, 30% Midnight, under 10% Gold.

Midnight

#0E1621Primary. Dark backgrounds, headings, body text.

Slate

#4A5868Secondary text on light. 'Vanguard' in the wordmark.

Steel

#9FB0C2Secondary text on dark, dividers.

Frost

#E6ECF2The raven and text on dark.

Parchment

#F5F2ECDefault light background.

Odin Gold

#D4A24CAccent: the eye, CTAs on dark. Not for text on light.

Gold Deep

#8A6420Gold for links and text on light.

Accessible pairings (WCAG 2.1)

Pairing	Contrast	Use for
Aa Midnight on Parchment	16.3:1	All text
Aa Slate on Parchment	6.5:1	All text
Aa Gold Deep on Parchment	4.8:1	Text and links
Aa Frost on Midnight	15.3:1	All text
Aa Steel on Midnight	8.2:1	All text
Aa Gold on Midnight	7.9:1	Text, buttons, links
Aa Gold on Parchment	2.1:1	Decoration only, never text

03 · Typography

Type

Space Grotesk for headings, numbers and short labels. Inter for everything you read at length. Both are free under the SIL Open Font License. Files are in 05-fonts/ (desktop) and 02-web/fonts/ (web); this site serves them from /brand/fonts/.

Display · Space Grotesk 700 / 500

Headlines look like this.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Body · Inter 400 / 600

Body text uses Inter at 16–18 px on screen and 10–11 pt in print, with 1.5–1.6 line height. Use semibold for emphasis, not italics or color. Keep lines to 60–75 characters.

Scale

Role	Font	Size (web)
Display / H1	Space Grotesk 700, −2% tracking	60–80 px
H2	Space Grotesk 700	36–44 px
H3	Space Grotesk 500	24 px
Eyebrow	Space Grotesk 500, caps, +14% tracking	13–14 px
Body	Inter 400	16–18 px
Caption	Inter 400, Slate	13–14 px

04 · Toolkit

What's in the kit

01-logos: every lockup as SVG (master) plus transparent PNGs at several widths.
02-web: favicons, web manifest, brand.css, tokens (JSON, SCSS, Tailwind), web fonts, Open Graph image, and a ready-to-paste head-snippet.html.
03-social: profile avatar, LinkedIn, X and Facebook banners, and the Open Graph image.
04-corporate: business card (print PDFs with bleed), letterhead (Word, PDF and SVG), #10 envelope, HTML email signature, and a PowerPoint template.
05-fonts: Space Grotesk and Inter desktop fonts with licenses.