Nornvi brand

The one shared home for Nornvi logos, colors and rules. Link to these files rather than copying them, so a change here updates every Nornvi site.

Logos

Use only these files. Never redraw, retype or recolor the logo. The circled wordmark is the primary signature. Every SVG has a PNG with the same name.

Colors

In dark mode, use malachite and ruby only inside graphics. They are too dim on black for text or button labels.

Using it on a Nornvi site

<link rel="stylesheet" href="https://brand.nornvi.com/brand.css">

<picture>
  <source srcset="https://brand.nornvi.com/logos/dark/wordmark-circled.svg"
          media="(prefers-color-scheme: dark)">
  <img src="https://brand.nornvi.com/logos/wordmark-circled.svg" alt="Nornvi" height="40">
</picture>

<a class="nv-button" href="#">Find your next step</a>

Rules at a glance

• Write Nornvi: capital N, lowercase ornvi. Say NORN-vee.
• Light mode: aubergine artwork on pale aubergine. Dark mode: the dark logo files on black.
• Scale a wordmark as one unit. Keep it at least about 40 px tall on screen.
• Product names: Nornvi wordmark plus the product name in the sans font (stacked or beside a thin divider). No dashes.
• Fonts: open-license Google Fonts only. Not chosen yet.
• Voice: direct and warm. Lead with the whole person, be concrete, give one next step.

Full guide: guide.md · Data: brand.json · Original packet: guide PDF, marketing sheet