<aside> <img src="/icons/sun_orange.svg" alt="/icons/sun_orange.svg" width="40px" /> Meet our Brand Kit, a concise guide for our brand's identity, where you can find our logo, icons and a list of dos and don’ts when using them.

Make sure you follow this guideline and if you’re not sure how to do that, just reach out, we’re happy to help.

For more visuals, check the ‣

</aside>

Logo


vitals-logo.png

Type

Compact - When there’s not enough real estate to show the full logo, use this instead.

Download

vitals-logo-secondary.png

vitals-logo-secondary.svg


vitals-logo-2.png

Type

Horizontal Light backgrounds

Download

vitals-logo-primary-white-text.png

vitals-logo-primary-white-text.svg


vitals-logo-1.png

Type

Horizontal Dark backgrounds

Download

vitals-logo-primary-white-text.png

vitals-logo-primary-white-text.svg


vitals-logo-3.png

Type

App icon - use it when you talk about the Vitals app

Download

vitals-icon-app.png

vitals-icon-app.svg


How not to use the logo

Frame 316124037.png

<aside> ❌ don’t rotate the logo

</aside>

Frame 316124038.png

<aside> ❌ don’t distort the logo

</aside>

Frame 316124039.png

<aside> ❌ don’t change the colors

</aside>

Frame 316124040.png

<aside> ❌ don’t change the opacity

</aside>

Frame 316124041.png

<aside> ❌ don’t add shadows

</aside>

Frame 316124042.png

<aside> ❌ don’t change the font

</aside>