Brand
Three bars. Four letters.
Logos, colors, type and the few rules that keep ECRO looking like ECRO. Made for riders, teams, creators and partners. Take what you need.
SVG and PNG, every version, light and dark. About 600 KB.
Logos
Pick the version that fits the space.
Every version comes for light and dark backgrounds. Use SVG wherever you can; it stays sharp at any size. PNGs are 2400 px wide with a transparent background.
Usage
Give it room. Leave it as drawn.
The logo is the one thing we never change. A few simple rules keep it recognizable everywhere it shows up.
xClear space
Keep empty space around the logo at least the height of one bar (x) on every side. No text, edges or other logos inside it.
96 px / 25 mm
24 px / 6 mmMinimum size
The primary logo stays at least 96 px wide on screen (25 mm in print). Smaller than that, use the mark, down to 24 px (6 mm).
Do
- Use the files from this page, as they are.
- Use the color logo on Paper, Ink or a calm photo.
- Switch to the one-color logo on busy or colored backgrounds.
- Keep the bars in order: pink, blue, purple, top to bottom.
- Use the World Tour and Offseason lockups only for those competitions.
Don't
- Stretch, squash, rotate or skew the logo.
- Recolor the bars or the wordmark, or reorder the bars.
- Add shadows, outlines, glows or gradients.
- Retype the wordmark in a font. It is drawn, not typed.
- Lock the logo up with another logo without asking us first.
Stretched
Rotated
Recolored
Effects added
Low contrast
EcroWordmark retyped
Color
Pink, blue, purple. On ink or paper.
The three bar colors are the brand. Ink and Paper carry everything else. Click any value to copy it.
Ink
Wordmark on light backgrounds, and our dark background.
Paper
Wordmark on dark backgrounds, and our light background.
Balance. Mostly Ink and Paper, with the bar colors as accents. Pink leads, blue supports, purple is a rare third. Don’t set long text in the bar colors, and don’t put them next to Zwift orange.
Category colors
Categories A to E have their own colors for results, start lists and standings. They label riders; they are not brand accents, so don’t use them for decoration.
Typography
Outfit, everywhere.
One typeface for headlines, body and numbers. Outfit is free on Google Fonts, so anyone making something for ECRO can use it.
Aa
Bold 700 · Headlines, numbers that matterChasing Yellow
SemiBold 600 · Subheads, labels, buttonsStage 4 · Category B
Regular 400 · Body copyA full season of racing with fair categories, teams and standings that count all year.
Tabular figures · Results, gaps, points+0:12 · 4.21 w/kg · 248 pts
Headlines are sentence case and short, ending with a full stop when they make a statement: “Run your race on ECRO.” Uppercase is for small labels only.
Name and voice
Say it the same way every time.
Confident and clear, like a sports organization announcing its season. No hype, no hedging.
Words we use: riders (not users), category A to E, performance rating, team manager, organizer, transfer window. ECRO$ is our in-game currency for prizes and contracts; it has no cash value.
ECRO and Zwift
Zwift is the foundation. ECRO is the racing layer.
ECRO is built for Zwift and integrated through the Zwift API. Talk about what ECRO adds to Zwift racing, never about what Zwift lacks.
Zwift's trademarks are theirs
- Don’t use “Ride On” or “RideOn” in any form, including puns.
- Don’t use Zwift logos, Zwift orange or in-game imagery next to ECRO branding without Zwift’s written approval.
- Write “Zwift” as a plain product name.
Making something for ECRO?
Merch, overlays, a sponsor deck or something we haven’t thought of. Ask us at support@ecro.app and we’ll help. Race on ECRO.