# Nornvi brand guide

Living source of truth for everything built under the Nornvi name. Kept in sync in three places: the "Nornvi Marketing" Claude project (brand/Nornvi-Brand-Guide.md), the repo jernest88/nornvi-sites (sites/brand/public/guide.md), and live at https://brand.nornvi.com/guide.md. Last updated 2026-11-15.

## Shared brand home: brand.nornvi.com

All logos, colors and these rules live at **https://brand.nornvi.com** (repo folder `sites/brand/public/`). Every Nornvi site, app and document links to these files instead of keeping its own copy, so changing a file there updates everything that uses it (sites pick it up within about an hour).

- Logos: `https://brand.nornvi.com/logos/<name>.svg` (light) and `/logos/dark/<name>.svg` (dark). Each also has a `.png`.
- Colors and type as CSS variables: `https://brand.nornvi.com/brand.css`
- Machine-readable summary (logo URLs, colors): `https://brand.nornvi.com/brand.json`
- This guide: `https://brand.nornvi.com/guide.md`
- Original packet PDFs: `/marketing-guide.pdf`, `/marketing-sheet.pdf`

To change the logo or a color: edit the file in `sites/brand/public/`, push to main, and update this guide.

## Name

- Always written **Nornvi**: capital N, lowercase ornvi. Normalize "NornV", "Norn V", "Norvi", "Nornby" from dictation to Nornvi.
- Pronunciation: NORN-vee (company default); the founder also accepts NORN-vy.
- Meaning: the Norns weave a life over time; *vi* is "we" in Danish/Norwegian and echoes *via* (a way or path). The Yggdrasil-inspired tree is the whole person: roots = past, branches = future possibilities, person and heart woven at the center.
- The Norse story is an undertone, not the look. No runes, Viking-style fonts or other Norse symbols.

## Logos (mandatory for all Nornvi work)

Only the supplied artwork is approved. Never redraw, retype or recolor the logo, and never set "Nornvi" in a font as a logo.

| File | Use |
| --- | --- |
| wordmark-circled | **Primary signature.** Headers, hero, footers, marketing. The ring around the tree forms the "o". |
| wordmark-open | Alternate wordmark, same tree without the ring. |
| tree-circled | Standalone emblem: app icon, avatar, social profile. |
| tree-open | Standalone tree where the name is already present. |

- Light mode: #50133B artwork on a #F1EAF1 page. Dark mode: the `dark/` files (light aubergine #D7C7D3 linework, same green leaves and ruby heart) on black.
- Scale each wordmark as one unit. Minimum wordmark height about 40 px on screen.
- Files are transparent; the page supplies the background.
- **Small sizes:** the detailed tree blurs below about 48 px. A simplified small mark for favicons and tiny app icons is still to be designed (edit the vector; don't regenerate the image).

### Sub-brands (products and sites)

One system, two layouts, for any product name:
- **Stacked:** Nornvi wordmark with the product name centered beneath it. App icons, splash screens, square spaces.
- **Horizontal:** Nornvi wordmark, a thin vertical divider, then the product name. Site headers.
- Product name in the brand sans font, aubergine. Short names (IQ) in spaced capitals. No dashes ("Nornvi IQ", not "Nornvi-IQ").
- Status: direction agreed, lockup artwork not yet made.

## Palette

| Role | Hex | Use |
| --- | --- | --- |
| Original aubergine | #50133B | Lettering, headings, branches, roots, ring |
| Malachite | #0F5E4B | Leaves, primary button |
| Ruby | #A10A3F | Heart, small accents, link underline |
| Pale aubergine | #F1EAF1 | Page and print background |
| Light aubergine (dark mode) | #D7C7D3 | Dark-mode linework and text |
| Black (dark mode) | #000000 | Dark-mode surface |

Contrast (WCAG): aubergine on pale 11.9:1, white on malachite 7.7:1, ruby on pale 6.8:1, malachite on pale 6.5:1, light aubergine on black 13:1. Malachite (2.7:1) and ruby (2.6:1) on black fail for text, so in dark mode use them only in graphics, never for text or button labels.

Espresso #362015 edition: on hold. Walnut and warm aubergine proofs: exploration only.

## Typography

- Open-license fonts only (Google Fonts), so anyone can install them for Word, PDFs, Google Docs and the web. No custom typeface; the custom lettering is the wordmark itself.
- Serif for headlines, sans-serif for body and interface text.
- **Not chosen yet.** Candidates: Fraunces + Inter (leading pick), Source Serif 4 + Source Sans 3, Newsreader + Figtree. Until chosen, brand.css uses Georgia and the system sans.

## Voice

Direct and warm. Lead with the whole person, make it concrete with everyday examples (a meal, household work, a learning goal), and end with one manageable next step. Respect attention: no hype, no urgency tricks. Describe the vision as a vision; check what is actually live before promising features.

## Copy (brainstorm, not final)

| Placement | Copy |
| --- | --- |
| Tagline | Your whole life. Woven together. |
| Supporting line | A place to connect what matters, find direction, and shape what comes next. |
| Pillars | Live well / Grow with purpose / Make room for life |
| Closing headline | Connected tools. Meaningful progress. |
| Sign-off | Shape what comes next. |
| Actions | Find your next step (primary), Explore Nornvi (secondary) |
| Navigation | Explore / Our approach / Begin |

Known gaps: no plain one-line statement of what Nornvi is; pillar lines are categories rather than benefits; the calls to action overlap. Mission, vision and values drafts were proposals, not adopted.

## Page pattern

Header (circled wordmark left, compact nav right), centered hero (large wordmark, tagline, supporting line, malachite button plus text link), three pillar cards with simple line icons, layered pale-aubergine wave footer with closing headline, small wordmark and sign-off.

## Legal

LLC registered; early searches found no conflicting use. A federal trademark filing (USPTO) is what protects the name nationally. Use ™ now; ® only after registration.

## Open decisions

1. Simplified small mark (favicons, 16–48 px).
2. Fonts (see candidates).
3. Sub-brand lockup artwork.
4. Messaging: what-it-is line, pillar benefits, one primary action.
5. Extended UI colors (hover, borders, grays, success/warning/error).
