Brand Guidelines
Identity,
held to one standard.
This page has everything you need to use the Nivolve brand the right way. It covers the logo, the colors, the fonts, and the rules for using them.
Logo
The logo.
Our logo is one simple lowercase word. There is no separate icon or symbol version. Only we decide how small details, like the dot on the "i" or the loop on the "e", look.
Choose a color
Download current
Minimum clear space
Leave empty space around the logo on every side. This space should be as tall as the lowercase "n" in the logo. Do not put text, images, or other logos inside that space.
Color
The colors.
We use nine colors, and each one has its own job. Click any color box to copy its code. Some colors work well as text, and some work well only as backgrounds, so check the table below before you use two colors together.
Which colors work together
Text needs enough contrast with its background so people can read it easily. Use this table to see which color pairs are safe to use for text.
| Color | On background | Contrast | Result |
|---|---|---|---|
| navy | cream | 13.5:1 | Body text |
| cyan-ink | cream | 4.6:1 | Links only |
| muted | cream | 5.2:1 | Secondary text |
| fill-blue (#00A3E0) | cream | 2.9:1 | Fills only, never text |
| cream | navy-deep | 14.8:1 | Body text on dark |
| aqua | navy-deep | 9.7:1 | Accent text on dark |
Fonts
The fonts.
We use three fonts. One for big titles, one for reading text, and one for labels, data, and code.
Display
Bricolage Grotesque
Headlines, hero statements, section titles.
Body
Manrope
Paragraphs and long blocks of text on the website.
We want text to be easy to read. Body text is 16px with extra space between lines, so long pages are comfortable to read on any device.
Usage
Do / don't.
The logo works best when it stays exactly as it is. Here are the only changes you can make, and the mistakes to avoid.
Do
Use the SVG file at any size. It will always stay sharp and clear.
Don't
Do not stretch or squash the logo to fit a space. Always resize it evenly.
Do
Use the light version of the logo on dark, plain backgrounds.
Don't
Do not rotate or tilt the logo. It should always sit straight.
Do
Change the logo to one approved brand color only.
Don't
Do not use a color, gradient, or outline that is not one of our brand colors.
Do
Always leave enough empty space around the logo, as shown above.
Don't
Do not place the logo on a busy photo or a background that makes it hard to see.