Brand basics

The logo files, the colors, and the type. Grab what you need and go. Use the Light and Dark buttons to see how the brand behaves on either background.

02 Color

One blue family, used by intensity

Navy carries the structure and the text. Blue is the accent. The logo carries the deeper Mark Blue; calls to action, links, and icons carry the hotter Replay Blue. On dark surfaces the blue is a ramp keyed to element size: the hotter the blue, the bigger the element it is allowed on. Click any swatch to copy its hex.

Light themeon white / paper
Dark themeon navy
The dark ramp, as a rule

Replay Blue #1E4BFF for fills and large interactive elements only, always with white text. Link Blue #4B7BFF for links and icons; the logo uses Mark Blue Dark #517AEC. Blue Light #9FBAFF for small text accents. Never set small text in the fill blue, and never fill a button with the pastel.

Before anything gets printed

Echo Navy is nearest to Pantone 2767 C, Mark Blue to 2728 C, and Replay Blue to 2727 C, but those are conversions rather than matched values. Confirm against a physical guide with your printer before the first run of case decals, banners, or apparel.

03 Type

Three roles

The wordmark letterforms are custom. Do not try to recreate the logo by typing the name in a font. For everything else, use these.

Display
Archivo
800 / 900
Get the call right in seconds

Headlines, hero type, section titles, stat callouts. Set uppercase with tight tracking (-.02em) and tight leading on marketing surfaces.

Body
IBM Plex Sans
400 / 500 / 600
Clips reach every iPad on the sideline within seconds, on a self-contained network with no internet connection required.

Body copy, UI labels, proposals, email.

Utility
IBM Plex Mono
400 / 500
CONFIRMED / OVERTURNED / 180 FPS / 21 ANGLES

Specs, tags, timecodes, and table data.

Font files

Each zip holds the brand weights as TTF plus the SIL Open Font License — both families are free to install, embed, and share, and the license file must travel with the fonts when you pass them on. For web use, load them from Google Fonts instead of the files.

04 Usage

Confirmed and overturned

The mark is one locked piece of artwork. Scale it proportionally, leave a margin around it of at least half the height of the E in ECHO, and leave the rest alone.

One real limit worth holding: embroidery cannot hold the gaps between the chevrons below about 2.5 inches wide. On screen the mark stays legible far smaller, so this is a thread constraint, not a design one.