Once Upon A Hero
Brand kit

Once Upon A Hero brand assets

Every logo variant, lockup and application asset, plus the colours and usage rules that keep the hero looking like the hero. Grab a single file, or take the whole kit.

Navy

#111E3D

oklch(0.24 0.06 264)

Coral

#F05A3C

oklch(0.66 0.19 32)

Gold

#F5B83C

oklch(0.81 0.15 79)

Cream

#FDFAF0

oklch(0.98 0.01 90)

Typefaces: Playfair Display Italic for the wordmark, Fraunces for display and headings, Inter for body, UI and captions.

Icons

The hero mark. Use the squircle badge for app icons and avatars; the transparent silhouettes for single-colour print and stamps.

App badge (squircle) — Once Upon A Hero brand asset

App badge (squircle)

Used in the site header

icon-squircle-1024.png · 1024×1024 · 201 KB

Icon — full colour — Once Upon A Hero brand asset

Icon — full colour

icon-full-colour.png · 1024×1024 · 672 KB

App tile 512 — Once Upon A Hero brand asset

App tile 512

icon-app-tile-512.png · 512×512 · 60 KB

Icon — navy — Once Upon A Hero brand asset

Icon — navy

Transparent silhouette

icon-navy.png · 1024×847 · 113 KB

Icon — black — Once Upon A Hero brand asset

Icon — black

Transparent silhouette

icon-black.png · 1024×847 · 70 KB

Icon — cream — Once Upon A Hero brand asset

Icon — cream

For dark backgrounds

icon-cream.png · 1024×847 · 112 KB

Icon — white — Once Upon A Hero brand asset

Icon — white

For dark backgrounds

icon-white.png · 1024×847 · 77 KB

Lockups

Mark plus wordmark. Horizontal for headers, email signatures and partner listings; stacked where width is tight.

Horizontal — navy — Once Upon A Hero brand asset

Horizontal — navy

lockup-horizontal-navy.png · 1855×420 · 83 KB

Horizontal — black — Once Upon A Hero brand asset

Horizontal — black

lockup-horizontal-black.png · 1855×420 · 39 KB

Horizontal — white — Once Upon A Hero brand asset

Horizontal — white

For dark backgrounds

lockup-horizontal-white.png · 1855×420 · 45 KB

Horizontal — cream on navy — Once Upon A Hero brand asset

Horizontal — cream on navy

lockup-horizontal-cream-on-navy.png · 1855×420 · 91 KB

Stacked — navy — Once Upon A Hero brand asset

Stacked — navy

lockup-stacked-navy.png · 1447×739 · 106 KB

Stacked — cream on navy — Once Upon A Hero brand asset

Stacked — cream on navy

lockup-stacked-cream-on-navy.png · 1447×739 · 113 KB

Applications

Ready-made assets for social profiles, link previews, invoices and letterheads.

Social profile picture — Once Upon A Hero brand asset

Social profile picture

Safe for circular crops

social-profile-1024.png · 1024×1024 · 201 KB

Social share banner — Once Upon A Hero brand asset

Social share banner

1200 × 630 — OG / Twitter

og-banner-1200x630.png · 1200×630 · 51 KB

Letterhead header — Once Upon A Hero brand asset

Letterhead header

A4 width, for docs & invoices

letterhead-header.png · 2480×320 · 42 KB

Guide

Palette values, clear space, minimum sizes and what never to do with the mark.

Brand guide (PDF)

Palette, clear space, misuse

brand-guide.pdf · 407 KB

Brand guide (PNG) — Once Upon A Hero brand asset

Brand guide (PNG)

brand-guide.png · 2480×3508 · 410 KB

Quick rules

  • Clear space on all sides equals 25% of the mark's height.
  • Minimum digital size 24 px; minimum print size 8 mm.
  • Preferred backgrounds: navy or cream — never busy photography.
  • Never recolour the cape or add a chest emblem.
  • Never stretch, rotate or skew the mark.
  • Never set the wordmark in a font other than Playfair Display Italic.