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

We follow a mostly monochrome design approach, where color is used with intention rather than decoration. Our core UI and branding elements are built on a refined grayscale palette, creating a neutral, professional, and timeless foundation. When color is introduced, it carries meaning.

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

#000000
Helicon black
#c369fa
Helicon pink
#7d64fa
Helicon purple
#465afa
Helicon blue
#41affa
Helicon sky blue
Muted colors

Less vibrant versions of the brand colors can be used when less contrast is needed.

#d192fc
Helicon pink
#9382fb
Helicon purple
#7b86fb
Helicon blue
#6ea6e2
Helicon sky blue
Soft colors

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

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

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
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 Inter. It is a modern, highly legible sans-serif typeface designed for both digital and print. Inter provides clarity and versatility across all sizes and weights.

Titles are usually set in semibold (sometimes bold), with slightly reduced letter-spacing to give them a more modern feel.

Inter can be substituted with Arial when not available.

Icons

Our brand icons come from Remix Icon. This open-source icon set is clean, modern, and highly legible at all sizes. The consistent stroke style and balanced proportions ensure clarity across digital and print applications.

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.