Nova Brand
The building blocks of the Nova brand, and how to use them.
The N mark
The Nova mark is a white square with a black N. Set it on the monochrome surface. Let the agent colors do the rest.
Lockup
Mark + wordmark. Keep the gap. Keep the square.
Don't
- Don't recolor the mark. The token makes it white on dark and black on light. Never a hue.
- Don't stretch, skew, or add effects. No shadow, no gradient, no outline.
- Don't use the N at less than 24 px. It needs its padding.
Monochrome UI
The chrome stays black and white. Color lives in the agents. The mascots carry the whole palette.
Background
--background · bg-background · text-foreground
Foreground
--foreground · bg-foreground · text-background
Muted
--muted · bg-muted · text-muted-foreground
Card
--card · bg-card · text-card-foreground
Border
--border · border-border · text-muted-foreground
Primary
--primary · bg-primary · text-primary-foreground
All surfaces use CSS tokens — bg-background, text-foreground, text-muted-foreground, bg-card, border-border. No hardcoded colors in the UI. Hue is reserved for AgentCharacter.
Inter Tight + Inter
Inter Tight for display (headlines), Inter for body. The landing sets --font-inter-tight on h1/h2/h3 and --font-inter elsewhere — scoped to .landing.
H1 · Display · Inter Tight · 44–72 px · Bold · -0.03em
Agents that do the work.
H2 · Section · Inter Tight · 30–48 px · Bold
Everything a real teammate needs.
H3 · Card · Inter Tight · 18 px · Semibold
Persistent memory
Correct it once. It remembers. Body copy sets in Inter at 14 to 16 px with relaxed leading.
Body · Inter · 16 px · Regular
Nova agents sign in to your tools, use them like you do, and bring it back done. Plain language. Active voice. One idea per sentence.
Mono · Eyebrow · 12 px · Semibold · 0.14em
Always-on AI agents. Every label in mono.
One character, every hue
One character, palette-swapped per agent. The branding stays common and the agents stay distinct. Each hue is a named token. The geometry never changes. Only the fill does.
violet
hue="violet"
coral
hue="coral"
mint
hue="mint"
blue
hue="blue"
pink
hue="pink"
amber
hue="amber"
teal
hue="teal"
import { AgentCharacter, AGENT_HUES } from "@/components/landing/agent-character"
AGENT_HUES = ["violet", "coral", "mint", "blue", "pink", "amber", "teal"] · expressions: "happy", "thinking", "wink"
Hues: violet, coral, mint, blue, pink, amber, teal. Seven mid-tones, chosen to read on light and dark surfaces alike. Use one hue per agent.
How Nova sounds
The voice mirrors the product. Direct and useful. Never salesy.
Plain, active, confident.
Short words. Verbs first. No filler.
Say what the agent DOES.
Not what it is. Not what it could do. What it just did.
No hype.
No superlatives. No exclamation marks. Let the work speak.
One idea per sentence.
If you need a comma, you need a second sentence.
Assets
Two files. No pack to download. Link them directly.
Assets: favicon.svg, og.png — served from public/.
Use the N mark as-is. For press, pair the mark with the wordmark "Nova" in Inter Tight semibold.