Enviolo Brand guidelines

Updated: June 20, 2025

Welcome to our brand guidelines

We take pride in how far we’ve come to create one of the most unique transmissions and premium automatic shifting systems in the market. We translate our story and culture into these guidelines to provide a voice and visual foundation for how to communicate our brand and products.

Marketeers

You will find our brand story, voice recommendations, and how to use visuals along with your work.

Designers

You will find our design principles, general rules, and tips for common visual design elements.

Intro

The road to premium automatic shifting

Photo: Cannondale Tesoro Automatiq

The beginning

Bicycles have been around us for more than a century, enabling riders the freedom to do what they need or love the most: commute to work, visit friends, go on adventure. This form of mobility got better with each passing generation. In the 2000's, our foundational technology was also born — the Continuously Variable Planetary, a gearless variable transmission that used planets instead of belts or pulleys.

The invention that made rides smoother

 

The challenge

The CVP, combined with our automatic shifting technology, provides one of the most seamless, comfortable, and agile cycling experiences riders can try today. Yet, still to date, little rider awareness exists towards automatic shifting, including for commuting, trekking, and cargo e-bikes. We could do more to raise awareness of its benefits and convenience, but how?

The first CVP bike, and the first automatic

The way forward

Never Shift Again is our call to increase rider focus towards automatic shifting. We break both the limits of manual shifting and traditional gears. We’re here to show riders just how great and freer their ride becomes, and the new experience and emotion it brings. Ride Enviolo Automatic and experience a ride beyond your imagination.

From enviolo to 'Never Shift Again'

Design Principles

Sophisticated

We’re a premium component, and our visual designs should reflect that. We take a lucid approach towards our visuals.

Intuitive

We also keep space to be inventive and playful. Geometric perfection does not deliver the best result — optical perfection does.

Comfortable

We’re a seamless product with a comfortable experience. We radiate this through our sunset palette and a writing that feels natural.

Confident

Our product delivers a great ride experience, expressed visually and verbally with confidence — not boasting nor hesitating.

Logotypes

Photo: Retail training series

The main logo

The 'Enviolo' wordmark is our main brand element. It should always be used in a clear and thoughtful way. With Enviolo we communicate more than just a product or technology — we radiate a brand experience. The typeface is custom made and and the visual is styled in lowercase. When referring to Enviolo in writing, capitalize the first letter.

Spacing

Space is part of the visual. When using the logo, use the 'e' as reference. For the vertical margins, give a bit extra space when measuring from the body, or a bit less when measuring from the ascender.

Alignment

For horizontal, you can use auto-align. For vertical, you may need to play with center of gravity: in general, align by the height of the body and avoid aligning with the ascender.

For the logo to be visible, use a minimum of 10mm in print and 50px in screen.

Color

Our logo should always sport lucid colors. Midnight Blue and White are the default. For black & white print, use Black and White. For certain creative situations, it can be stylized with other colors from our palette, but always review this with a design lead.

Light background
Midnight blue

Dark background
White

Grayscale
Black or white

Stylized color
E.g. Gradient vs pearl black

Improper use

The Enviolo logo must be used consistently. Do not use it in the following ways:

Do not neglect contrast

Do not contain in a box

Do not manually grayscale

Do not drop a shadow

Do not angle

Do not stretch or shrink

Do not alter proportions

Do not change the type

Photo: Enviolo HQ, Amsterdam

Product logos

Product logo submarks may be used adjunct to the main logo. These provide clarity over the product's model and intent. Their implementation may vary, but in general they are half the height of the main body. The typeface is Volte Rounded and it's designed in uppercase. When referring to a product in writing, capitalize the first letter of every word, e.g. 'Enviolo Automatic'.

Spacing

The product logo should appear second to the main logo. Spacing is slightly biased so that 'Enviolo' is positioned more at the center.

Proportions

The product logo should be proportionally smaller, and about 50% of the main body height, regardless of where it is applied.
Photos: Enviolo Automatic close-up
Photos: Enviolo Automatic close-up

Shorthand logo

The shorthanded ‘e’ logo is designed mostly for spaces where the full wordmark is too big to fit, such as profile images and favicons. It can be used for decorative ends, but alone it will not suffice to be recognized — it should always be combined with the full 'Enviolo' wordmark on the same collateral.

Spacing

There are 2 ways of spacing the shorthand logo, depending on its application: profile icons (favicons) and decorative. Use these as a general guide.

Taglines

Bike: Specialized Turbo Como

NEVER SHIFT AGAIN

Our call to embrace e-bike automatic shifting.

Shifting has always been part of cycling. But it distracts and interrupts the ride. What if you never had to shift at all? With automatic shifting, you don’t. Never Shift Again.

At Enviolo we fully believe in being an automatic-first brand. We call for change in rider perception towards e-bike automatic shifting, raising the bar and leveraging on our unique ability to deliver an obsessively smooth automatic.

Bike: Orbea diem

Values

Bold

We believe in the value of automatic shifting, and express it with full conviction.

Challenging

We passionately close the gap between traditional ways of shifting and a new way of riding.

Transformative

We promise a truly unique way of riding and highlight its value to different riders.

Do's and don'ts

Our automatic shifting tagline, 'Never Shift Again', should:

In writing

✅ Capitalize every first word in paragraphs — 'Never Shift Again'.

✅ You may use upper case in headings — 'NEVER SHIFT AGAIN'.

❌ Do not write in sentence case — 'Never shift again'.

In visuals

✅ Design 'Never Shift Again' in uppercase.

✅ Design as big and and bold as the logo.

❌ Do not design 'Never Shift Again' bigger than the main logo.

❌ Do not use light or regular fonts for the tagline.

MOVE PEOPLE BETTER

Our mission and classic motto.

Move People Better remains our high-level motto, true to our core mission of delivering a better ride experience for cyclists of all kinds.

We are one of the many ingredient components in a bicycle, and we find our place in the ride experience by enabling our bike brand partners to deliver exceptional bikes.

Values

P.L.A.Y.

Passionate

We're relentless and do not stop until we get it right.

Loyal

We are faithful to our people, relationships and commitments.

Authentic

What we do, we do it with confidence. No BS, no exageration. 

Joyful

We choose every day and bring the best in ourselves.

Do's and don'ts

Our mission motto, 'Move People Better', should:

In writing

✅ Capitalize every first word in paragraphs — 'Move People Better'.

✅ You may use upper case in headings — 'MOVE PEOPLE BETTER'.

❌ Do not write in sentence case — 'Move people better'.

❌ Do not use bold font.

In visuals

✅ Design in uppercase — 'MOVE PEOPLE BETTER'.

✅ Design with light or regular font.

❌ Do not design our motto more prominently than our logo.

❌ Do not use a bold font.

Voice & language

Photo: Eurobike, Frankfurt 2022

Speaking & writing

Enviolo’s voice should be a combination of both mottos in the previous chapter. It should strike a balance between confidently owning our value while recognizing our work as one of the many enablers of a better bicycle. Beyond that, we maximize brand-building cohesion with clear, comfortable, and concise language.

Clear

Be easy to understand, free from jargon or confusing terms.
Write and express ideas in a straightforward and understandable way. Avoid jargon, ambiguity, and overly complex sentences.

Our proprietary drivetrain solution optimizes cadence across diverse user scenarios.
Our automatic gear system keeps your pedaling smooth in any situation.

Contact our service team to initiate your post-sale support process.
Need help after your purchase? Our service team is here for you.

Comfortable

Sound friendly, natural, and like someone real is talking.
Write in a natural way. It should feel comfortable and sound like a real person talking. Not stiff, overly formal, or with contrived branding.

Thank you for your latest transaction. We appreciate your purchase.
Thanks for your order — we appreciate you riding with us!

We regret any inconvenience this may have caused.
Sorry about that — we know it’s frustrating, and we’re on it.

 enviolo AUTOMATIC shifts gears for you.
 Enviolo Automatic shifts gears for you.

Concise

Get to the point quickly, without fluff or repetition.
Concise writing is brief but complete. Remove unnecessary words while maintaining the full meaning intact.

In order to provide you with the best possible performance, we’ve designed our system to automatically shift gears depending on your riding conditions.
Our system shifts automatically and keeps your ride smooth.

If you have any questions at all regarding the product or its features, please feel free to reach out to our support team.
Got questions? Our support team is ready to help.

Capitalization & styling

Branding cohesion and consistency across all channels is a priority for us — including channels that we do not own e.g. the press. For that, we stick as much as possible to a natural way of writing. We reflect this in the capitalization, building on the 'Enviolo' brand. Make sure that the main brand is always present and as visible as the product — never less. The main brand must never look smaller than the product.

Write

Enviolo Automatic

Do not write

enviolo AUTOMATIC

Do's and dont's

Capitalize the first letter of every branded word:

Enviolo Automatic

✅ Enviolo Trekking

enviolo AUTOMATIC

If the sentence is in uppercase, the terms follow the same:

NEVER SHIFT AGAIN WITH ENVIOLO AUTOMATIC

NEVER SHIFT AGAIN WITH Enviolo Automatic

When referring to legacy brandings, capitalize Enviolo and the 'Q':

Enviolo AutomatiQ

enviolo AUTOMATiQ

Never write product names without the main brand:

The Enviolo Automatic interface

The Automatic interface

Typography

Photo: Retail training series certificates

Main typeface

Our typeface takes a slightly bolder approach than before. Using Source Sans 3, we build upon our already established brand, but with more comfortable and pronounced font weights, prioritizing bold and regular fonts over light fonts.

Aa Bb

Source Sans 3

Source Sans is our main font and is used for almost all purposes, including text, headings, screens and print. This sans serif font is known for its elegance and reading comfort, and works great for both user interfaces and printed documents. We generally use it with regular and bold font weights. In some cases, light headings are allowed.

The quick automatic e-bike cuts through the slow traffic jam.

The quick automatic e-bike cuts through the slow traffic jam.

Backup fonts

Source Sans Pro

This is simply the previous generation of Source Sans 3. In case our main font is not available, this is also ok as an alternative.

Calibri

For Microsoft devices, Calibri is one of the closest sans serif fonts when prioritizing reading comfort and font size.

Arial

As a last resource, you can fallback to Arial, which is available on virtually any device and software.

Paragraph styles

All content, headings and body, should be styled in such a way that users are able to do a quick scan of the page before diving into detail. For that, comfortable spacing and visual hierarchy is crucial. Use these guides as an orientation and tailor to need.

Headings help to structure a page

Users typically zigzag through a page very fast, until they find a piece that interests them. They then start reading in more detail. This is why headings and structure are so important. And you know what? Search crawlers use this for search ranking as well.

Subheadings help to structure too

Imagine this bit to be about bicycle technology, e-bikes as a great form of mobility, and automatic shifting as one of the greatest experiences ever. Are you picturing that? Great!

Users can read headings and skip details

Now imagine our ideal trekker rider sitting at home in the kitchen. There's a big window, a few small plants, and it's early morning. The smell of coffee is in the air and this person takes a few sips from the mug. At the same time, scrolls through with the phone... not the healthiest habit maybe. But we don't judge. This rider also does not just read a page but scans through the internet at large - social media, email, news blogs, all sorts of attention grabbing!

And might start reading detail only now

At some point there's an interesting headline and this rider slows down to read the details. It's about the automatic shifting experience. But who knows what the headline said? Maybe it said "Adventure awaits. No shifting required." ... Or "The smoothest way to go on adventure." One thing is for sure: users will scan quickly and read about what is interesting for them.

TITLE

Web

56px size. UPPERCASE.

Default in Bold.

Document

48pt size. UPPERCASE.

Default in Bold.

Space 34pt before, 3pt after.

Heading 1

Web

34px size. Sentence case or UPPERCASE.

Default in Regular or Bold.

Document

26pt size. UPPERCASE.

Default in Regular or Bold.

Space 36pt before, 6pt after.

Heading 2

Web

28px size. Sentence case or UPPERCASE.

Default in Regular. Light not allowed.

Document

22pt size. Sentence case or UPPERCASE.

Default in Regular. Light not allowed.

Space 24pt before, 6pt after.

Heading 3

Web

24px size. Sentence case.

Default in Regular. Light not allowed.

Document

18pt size. Sentence case or UPPERCASE.

Default in Regular. Light not allowed.

Space 16pt before, 6pt after.

Heading 4

Web

22px size. Sentence case.

Default in Regular. Light not allowed.

Document

14pt size. Sentence case or UPPERCASE.

Default in Regular. Light not allowed.

Space 14pt before, 6pt after.

Heading 5

Web

20px size. Sentence case.

Default in Bold. Light not allowed.

Document

12pt size. Sentence case or UPPERCASE.

Default in Bold. Light not allowed.

Space 10pt before, 6pt after.

Paragraph

Web

16px size. Sentence case.

Default in Regular. Light not allowed.

Line height at 160%.

Document

12pt size. Sentence case.

Default in Regular. Light not allowed.

Space 6pt after. Line height at 1,15pt.

Approach to font weights

We're going bolder with our typography, with a few rules. In some specific cases, it may even be preferable to use a light font. Double check with a design lead when in doubt.

Use mostly when needing a heading to stand out. Typically in advertorials, main headings, and messages linked to our 'Never Shift Again' tagline.

Use as default for most situations, headings and body alike. Also for messages linked to our 'Move People Better' mission.

Use in specific situations with main headings, for example, when needing a copy bit to fit in elegantly, or to allow a subheading to stand out more.

Product typeface

We use a font very specifically for products and select campaigns called Volte Rounded — a rounded font that evokes our CVP technology and smooth riding experience.

Volte Rounded is our specific font for sub branding and products. You will find it, for example, in the Enviolo Automatic interface, on our hubs, and on our sustainability communications. Products Use semibold and uppercase. The product name must always look proportionally smaller than the main 'Enviolo' brand. Sub brands Uppercase is not required, but the result must never outweigh the main 'Enviolo' brand. Use it for the cover, never for content.

Colors

Photo: Orbea Diem

Color essentials

Sophisticated, smooth, sunset.

We continue the familiarity already established by our previous palette — a sunset. It brings warmth, comfort, and a smooth tonality, and we explore it in a way that creates a greater sense of sophistication.

Color codes

Text & background

Hex – #ffffff

Rgb – 255, 255, 255

Cmyk - 0, 0, 0, 0

Paper

Background

Hex – #020d12

Rgb – 2, 13, 18

Cmyk - 93, 76, 60, 88

Pantone Black 6 C

Text & background

Hex – #0a1e2a

Rgb – 10, 30, 42

Cmyk - 98, 76, 54, 70

Pantone 5395 C

Primary color

Hex – #f68f7a

Rgb – 246, 143, 122

Cmyk – 0, 55, 47, 0

Pantone 486 C

Secondary color

Hex – #ffc49b

Rgb – 255, 196, 155

Cmyk - 0, 26, 39, 0

Pantone 474 C

Tertiary color

Hex – #fff9be

Rgb – 255, 249, 190

Cmyk - 1, 1, 29, 0

Pantone 7499 C

Expanded palette

When needing more detail and nuance, the expanded palette provides more color and styling options.

Neutrals

Use these for text and neutral backgrounds.

Text & background

Hex – #ffffff

Rgb – 255, 255, 255

Cmyk - 0, 0, 0, 0

Paper

Background

Hex – #f8f5f3

Rgb – 248, 245, 243

Cmyk - 3, 4, 5, 0

Text & background

Hex – #0a1e2a

Rgb – 10, 30, 42

Cmyk - 98, 76, 54, 70

Pantone 5395 C

Background

Hex – #020d12

Rgb – 2, 13, 18

Cmyk - 93, 76, 60, 88

Pantone Black 6 C

Accents

Use for text, shapes and decorations — not backgrounds. These accents are vivid and give a more electric result.

Accent 1

Hex – #f68f7a

Rgb – 246, 143, 122

Cmyk – 0, 55, 47, 0

Pantone 486 C

Accent 2

Hex – #f8a388

Rgb – 248, 163, 136

Cmyk - 0, 46, 44, 0

Accent 3

Hex – #f9b696

Rgb – 249, 182, 150

Cmyk - 0, 36, 41, 0

Accent 4

Hex – #facaa3

Rgb – 250, 202, 163

Cmyk - 0, 26, 38, 0

Pantone 474 C

Accent 5

Hex – #fbdeb1

Rgb – 251, 222, 177

Cmyk - 2, 15, 36, 0

Accent 6

Hex – #fff9be

Rgb – 253, 242, 191

Cmyk - 2, 3, 33, 0

Pantone 7499 C

Backgrounds

Use and combine for backgrounds. These are toned down colors suitable for large backgrounds and gradients.

Faded 1

Hex – #ed9b85

Rgb – 237, 155, 133

Cmyk – 4, 49, 44, 0

Faded 2

Hex – #f0ab91

Rgb – 240, 171, 145

Cmyk – 3, 41, 41, 0

Faded 3

Hex – #f2bb9d

Rgb – 242, 187, 157

Cmyk – 4, 33, 39, 0

Faded 4

Hex – #f5caa8

Rgb – 245, 202, 168

Cmyk – 3, 25, 36, 0

Faded 5

Hex – #f7dab4

Rgb – 247, 218, 180

Cmyk – 3, 17, 34, 0

Faded 6

Hex – #f68f7a

Rgb – 246, 143, 122

Cmyk – 0, 55, 47, 0

Gradient 1

SVG image

Gradient 2

SVG image

Gradient 3

SVG image

Gradient 4

SVG image

Gradient 5

SVG image

Full spectrum

SVG image

Functional UI

Use for UI and contextual interface.

These can be used to indicate meaning in interfaces. Use transparency to create backgrounds and scales.

Positive 1

Hex – #52c999

Rgb – 82, 201, 153

Positive 2

Hex – #49bfcf

Rgb – 73, 191, 207

Negative 1

Hex – #f28e7b

Rgb – 246, 143, 122

Negative 2

Hex – #fbcba3

Rgb – 250, 202, 163

Neutral 1

Hex – #fff1b8

Rgb – 255, 241, 184

Neutral 2

Hex – #0a1e2a

Rgb – 10, 30, 42

DOWNLOADS

Please refer to our media folder.

See all brand files