brand standards

The living source of truth
01 Color The canonical palette · live from the database · click any swatch to copy its hex
Loading palette…

The two greens are not interchangeable. Sage #4D7D5E is the verdict green — affirmative, active, chosen — and it is the one that goes on borders, chips and buttons. Signal green #00C853 (added 31 Aug 2026) is the settled green: it says this is committed — a booked bed, a plan locked to a day, where you are tonight. It exists because sage, correct as a card border, disappears at the size of a dot in a dense chart. Use signal green only as a mark and never as a fill behind text.

Corrected 1 Sep 2026. This entry read “a position green: it says you are here and nothing else… never to mean approval”. That was too narrow, and the journey board proved it: the strip was drawing a booked stay in signal green and a locked plan in navy, as though they were different kinds of fact. They are the same fact — this is settled — and where you are sleeping is simply a commitment made earlier. Signal green now covers both. It is still not the verdict green: sage remains what you say when you have decided about something; signal green is what you say when it is booked. Where two settled things sit near each other, tell them apart by shape or weight, never by hue — the board uses a square for a locked plan and a round dot for the bed.

02 Verdict badge Four solid fills · rendered exactly as standardized

Each verdict is a solid fill with a labeled text color. Coral is light, so Hard No sets its text in navy — cream fails contrast on coral. Cream text carries the other three.

F*ck Yes
Fill #4D7D5E Sage
Text #F4F1EC Cream
Yes But
Fill #4B89AD Dusty blue
Text #F4F1EC Cream
Not Yet
Fill #5A5D63 Slate
Text #F4F1EC Cream
Hard No
Fill #D18585 Coral
Text #363657 Navy
03 Typography IvyPresto — light only · Helvetica / Arial for everything readable
Serif · IvyPresto · light register only
Live brilliantly
a quieter kind of luxury
Aa Bb Cc DdHeadings · names
italic accentTaglines · pull-quotes
Weight 300 · upright · sentence-caseKit rnd1mco
Hard rule: IvyPresto is set light only (300/400 light register). Heavy / bold / thick IvyPresto is banned brand-wide — it reads aggressive and off-brand. Restrained, upright, sentence-case.
Sans · Helvetica Neue / Arial · the workhorse
Helvetica Neue
Body copy sets at 13–14px with a 1.55–1.6 line-height — calm, readable, unfussy. Everything the reader actually reads lives in the sans.
Section label700 · 0.15em · caps
Eyebrow · meta700 · faint
Body — 14px / 1.6400 · reading
04 Buttons & shape Navy solid · outline secondary · sage active · slight corners
Primary · shop / commit
Navy fill #363657 · cream text #F4F1EC. The primary and shop action. Hover deepens to #2C2C48.
Secondary · outline
Transparent · 1.5px navy keyline · navy text. Inverts to filled-navy on hover. The restrained default.
Active · selected
Sage fill #4D7D5E · cream text. The active / on state — filters, toggles, current selection.

Corner language: slight ~5px radius on buttons, cards, chips and swatches — restrained, never fully rounded. Filter pills are the one exception (fully rounded). Thin 1px warm-taupe keylines; shadows only on intentional hover lift.

05 Icons Thin navy line · 48 grid · shown at 48 and at 17 px, the size readers see

One set for reader pages: “Where to find” rows, Follow lines, share rows and the photo credit. One style throughout, the reader share row's: 48 grid, 5px corners, 1.45 line, navy #363657, round ends. Reused icons are copied from where they already lived; YouTube, Podcast, Newsletter and Camera were drawn for the set; globe, Instagram and Location were redrawn to match, and Substack uses the share row's line version, so every web icon shares one weight. The email-signature PNGs in canava-images/email/ stay as they are, for email only. Never shown: Facebook, TikTok, X. No icon yet: Pinterest, Threads (they don't show until one exists).

06 Logo motion Two treatments of the logo · light and dark · 16:9 and 9:16

Built from the logo files CANAVA_LOGO_NVY.png (light) and CANAVA_LOGO_WHITE.png (dark), on cream #F4F1EC and navy #363657. Every file ends holding on the logo. Approved 1 Nov 2026. See them play live, with Replay, at logo-motion-test.html.

Light
Dark
Constellation
For openers and intros. Stars drift in, gather into the letters and resolve into the logo.
1s · 2s · 3s · 6s · preview shows 3s
Light
Dark
Blur in
For quick transitions and stories. The logo rises from a soft blur into focus.
1s · 2s · 3s · preview shows 2s
Download all · ZIP · 10.7 MB All 28 files below in one zip. MP4 (H.264), 30 fps, no sound.
TreatmentLengthFormatLightDark
Constellation1s16:9 · 1280×720MP4161 KBMP4169 KB
Constellation1s9:16 · 1080×1920MP4171 KBMP4178 KB
Constellation2s16:9 · 1280×720MP4344 KBMP4354 KB
Constellation2s9:16 · 1080×1920MP4362 KBMP4377 KB
Constellation3s16:9 · 1280×720MP4557 KBMP4566 KB
Constellation3s9:16 · 1080×1920MP4604 KBMP4622 KB
Constellation6s16:9 · 1280×720MP41.4 MBMP41.4 MB
Constellation6s9:16 · 1080×1920MP41.5 MBMP41.5 MB
Blur in1s16:9 · 1280×720MP438 KBMP436 KB
Blur in1s9:16 · 1080×1920MP436 KBMP433 KB
Blur in2s16:9 · 1280×720MP454 KBMP456 KB
Blur in2s9:16 · 1080×1920MP452 KBMP451 KB
Blur in3s16:9 · 1280×720MP475 KBMP476 KB
Blur in3s9:16 · 1080×1920MP470 KBMP463 KB
· Known drift On record — to reconcile
Canonical navy is #363657. Two pages currently define --navy:#363675 — a digit transposition (57 → 75) that renders a slightly cooler, more violet navy.
brand-page.html · pet-food-reads.html — reconcile toward #363657 in a follow-up. Not edited in this pass.
CANAVA Brand Standards · the living source of truth · one platform, unique expression per vertical · type kit rnd1mco
Copied