SuperAPI AI Directory

emu-branding

Design & creation

View repository

Updated 10-15 22:39

About this skill

EMU Branding

Official brand guidelines for EMU (Egyesület a Magyar Ultrafutásért — Association for Hungarian Ultrarunning).

Brand Identity

Property Value
Full name Egyesület a Magyar Ultrafutásért
Short name / acronym EMU
Mission Promoting and supporting ultrarunning in Hungary and around the world!
Flagship event EMU 6-Day Race

The logo features a stylized running emu bird — a wordplay on the association's acronym.

Logo

Asset Path When to use
Badge logo assets/images/emu-logo.png On white circular badge — dark or busy backgrounds, avatars, favicons
Transparent logo assets/images/emu-logo-transparent.png Transparent background, higher resolution — default choice on white/light backgrounds, posters, headers, documents

Prefer the transparent version whenever it's placed directly on a light surface; use the badge version when the background is dark or textured, since the emu body is dark gray and needs the white badge for contrast.

Usage Rules

  • Provide adequate clear space around the logo (minimum 10% of logo height on each side)
  • Do not distort, rotate, or recolor
  • Minimum size: 40px height for digital, 15mm for print
  • On dark backgrounds, use the badge version (emu-logo.png) — the transparent logo's dark gray body loses contrast

Color Palette

Primary — EMU Blue

The single most important brand color, defined in code as EMU Blue:

Property Value
Hex #00ADEF
RGB 0, 173, 239
Usage Primary accent, single-series charts, area chart fills, histogram bars, CTA buttons

When used as a fill with transparency (e.g., area chart backgrounds), use EMU Blue with 50% alpha.

Supporting Colors

These colors complement EMU Blue in designs and marketing materials:

Color Hex Usage
White #FFFFFF Backgrounds, negative space
Light Gray #F5F5F5 Cards, background variation
Dark (near-black) #1A1A1A Headlines, emphasized text
Medium Gray #5A5A5A Body text, secondary elements
Dark Blue #006BA6 Hover states, darker accents (darken EMU Blue)

Typography

Official Brand Font — Nebula Sans

The brand font is Nebula Sans, bundled in the skill assets at assets/fonts/NebulaSans/ in OTF, TTF, and WOFF2 formats.

Available weights:

Weight File name Recommended usage
Light NebulaSans-Light Decorative, large display text
Book NebulaSans-Book Body text, paragraphs
Medium NebulaSans-Medium Subheadings, UI labels
Semibold NebulaSans-Semibold Section titles, emphasis
Bold NebulaSans-Bold Headlines, CTAs
Black NebulaSans-Black Hero titles, poster headlines

All weights also have Italic variants (e.g., NebulaSans-BoldItalic).

Fallback stack: Montserrat, Open Sans, Roboto, system sans-serif

Font Sizes (Web / Print)

Level Size Weight
H1 36–48px Bold or Black
H2 28–32px Bold
H3 20–24px Semibold
Body 16px Book
Small 14px Book or Light

Font Usage — Web (@font-face)

When building web content, load Nebula Sans from the bundled WOFF2 files:

@font-face {
  font-family: 'Nebula Sans';
  src: url('path/to/NebulaSans-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Nebula Sans';
  src: url('path/to/NebulaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

Add additional @font-face blocks for each weight used. Map weights: Light=300, Book=400, Medium=500, Semibold=600, Bold=700, Black=900.

Visual Style

Photography

  • Ultrarunning action photos — runners on roads
  • Hungarian landscapes and race events (especially the EMU 6-Day Race venue)
  • Dynamic, energetic compositions with natural lighting
  • Avoid overly staged or stock-photo feel

Graphic Elements

  • Clean, modern lines — avoid heavy ornamentation
  • The emu silhouette can serve as a decorative element or pattern
  • EMU Blue as the dominant accent color
  • Simple geometric shapes for backgrounds and framing

Data Visualization & Charts

When creating charts or data visualizations:

Element Style
Single series EMU Blue #00ADEF solid
Area fills EMU Blue at 50% opacity
Multi-series palette #00ADEF, #006BA6, #5A5A5A, #1A1A1A (max 4, then cycle lighter variants)
Grid lines #E0E0E0, 1px
Axis labels Nebula Sans Book, #5A5A5A, 14px
Chart title Nebula Sans Semibold, #1A1A1A, 20px
Annotations Nebula Sans Medium, EMU Blue

Use clean, minimal chart styles — avoid 3D effects, excessive gridlines, or heavy borders. White background by default.

Dark Mode

When creating content for dark backgrounds or dark-mode UIs:

Element Light mode Dark mode
Background #FFFFFF #121212
Card surface #F5F5F5 #1E1E1E
Primary text #1A1A1A #E0E0E0
Secondary text #5A5A5A #9E9E9E
EMU Blue #00ADEF (unchanged) #00ADEF (unchanged)
Grid lines #E0E0E0 #333333

EMU Blue works well on both light and dark backgrounds. On dark backgrounds use the badge logo (emu-logo.png) — its white circle provides the needed contrast.

Social Media

Post Dimensions

Platform Format Dimensions
Instagram post Square 1080×1080px
Instagram story Vertical 1080×1920px
Facebook post Landscape 1200×630px
Facebook cover Wide 1640×924px
X/Twitter post Landscape 1600×900px

Hashtags

  • #EMU6DayRace
  • #6DayRace
  • #6DayRun
  • #ultrafutás (Hungarian)
  • #ultrarunning

Tone of Voice

  • Enthusiastic, motivating — celebrating runner achievements
  • Community-building — inclusive of all ultrarunners
  • Professional yet friendly and accessible
  • Bilingual: English for international audience, Hungarian for local events