Brand guidelines
Resources and other things related to the Helicon brand.
Logo

The Helicon mark symbolises a fictional planet from the Foundation Universe by Isaac Asimov. In the novels Helicon is the home planet of Hari Seldon, the man behind a statistical theory that predicts the future of humanity.

Download logos (PNG + SVG)

Mark

Our mark can be used without the wordmark in places where spelling out the company name is superfluous. It is ideal for use as an avatar on social media sites, for example.

Download marks (PNG + SVG)

Primary colors

Our primary colors ensure rapid recognition of the Helicon brand and are used consistently in digital and print design.

The colors were selected to represent the surface of the planet and the galaxy to which it belongs.

#000000
Helicon black
#d192fc
Helicon pink
#9382fb
Helicon purple
#7b86fb
Helicon blue
#6ea6e2
Helicon sky blue
Vibrant colors

Extra vibrant versions of the brand colors can be used when extra contrast is needed (text for example).

#c369fa
Helicon pink
#7d64fa
Helicon purple
#465afa
Helicon blue
#41affa
Helicon sky blue
Soft colors

Softer versions of the primary colors used in backgrounds, "the sweep", and similar contexts.

#e5ccf7
Helicon pink
#ccc6f6
Helicon purple
#c3c7f6
Helicon blue
#bed4ec
Helicon sky blue
Neutrals

We follow a mostly monochrome design approach, where color is used intentionally rather than decoratively. Our core UI and branding elements rely on a refined grayscale palette, creating a neutral, professional, and timeless foundation.

#6f6f6f
Helicon charcoal
#878787
Helicon dark gray
#9f9f9f
Helicon wolf grey
#b5b5b5
Helicon smoke
#c9c9c9
Helicon mist grey
#dddddd
Helicon grey
#efefef
Helicon pearl grey
#f4f4f4
Helicon cloud grey
#ffffff
Helicon white
The sweep

The "sweep" is a visual highlight used to bring attention to important words. It sits just below the text and matches 33 percent of the text height.

Use colors from the soft palette to maintain a balanced and consistent look. Use it sparingly to let key messages stand out without distracting from the overall design. For a more dynamic feel, it can be tilted slightly at minus 0.1 degrees.

Digital products for energy, water,
and resource management
Gradients

You can blend brand colors when using them in graphics or ui elements such as buttons and icons. We recommended that you use colors that are close in value and hue for best on-brand effect.

#7b86fb ➞ #d192fc
Helicon blue to pink
#6ea6e2 ➞ #9382fb
Helicon sky blue to purple
#d192fc ➞ #6ea6e2
Helicon pink to sky blue
#9382fb ➞ #d192fc
Helicon purple to pink
#6ea6e2 ➞ #9382fb ➞ #d192fc
Helicon sky blue to purple to pink
Font

Our primary brand font is called Neue Montreal. It is a versatile Grotesque font with the spirit of a display font. Can be substituted with Helvetica (Neue) when required.

Example usage
The following examples show how our brand comes to life in different contexts. They illustrate the tone, style, and messaging we use to ensure consistency across all touchpoints. Use them as a reference when creating new materials.
Fictive event banner Fictive LinkedIn banner Fictive LinkedIn banner Presentation cover page Recyling bins. Image of a Helicon sign. Fictive LinkedIn banner Fictive LinkedIn banner Image of a cable on a gradient backdrop. Image of a Helicon cup.