Design@
Hevo

Use Hevo’s end-to-end design language to create any kind of visual elements across the organisation.

Keep Scrolling
01

Understand the Brand

The brand reflects who we are and how we want our customers to feel when they use our product. We use our brand logo to represent the entire Hevo ecosystem including all our offerings.

The Logomark

  • - Refers to Hevo as a Product.
  • - Logomark explaining data moving towards centre from multiple places.
  • - Logomark is includes 7 different colors.

Logotype

  • - The Hevo logotype is custom made based on the Roboto typeface.
  • - The logotype is always Dark Grey or White.

The Brand logo (Horizontal)

  • - The primary logo for the brand is the logomark and the logotype together.
  • - They should always appear in the same size ratio.
  • - Always use the logo files provided in the logo pack.
  • - Do not recreate.
To maintain the integrity of our logo, it needs room to breathe when used alongside other visual elements. There should be sufficient space between our logo and other graphics or the edge of the page/screen.
02

Colors used in Logo

Understand the colors that are used in Hevo logo. Our new brand palette consists of eight core hues.
(Click colors to copy)

  • #1CCCC4
    RGB: 28, 294, 196
  • #4ABC90
    RGB: 74, 188, 144
  • #2BBAE7
    RGB: 43, 186, 231
  • #3D7FE0
    RGB: 61, 127, 224
  • #FF7D42
    RGB: 255, 155, 66
  • #FF5072
    RGB: 255, 80, 114
  • #FFD101
    RGB: 255, 209, 1
  • #121212
    RGB: 18, 18, 18
  • #FFFFFF
    RGB: 255, 255, 255
03

Logos & Usage

We use the Hevo brand logo to represent the entire Hevo ecosystem including Dashboard, Website and Marketing Decks. It appears in places where people encounter all of our offerings.

Normal Logo with dark text
Normal Logo with white text
Logomark without Text
Normal Logo with dark text
Normal Logo with white text

Avoid using Wrong/Modified Logos

Avoid using an old version logo
Avoid adding effects like shadows, and gradients to the logo
Avoid stretching or compressing the logo
Avoid rotating the logo
Avoid using a white logo
You can download all logo variations from the link given below. Please make sure that you are following the guidelines mentioned above.
Download the Logos