Brand standards

★ Active reference

Travel & map colors

The 11 venue categories used on every CANAVA map (Atlist + custom Leaflet builds). Pulled live from venue_categories. Click any hex to copy.

warm consumption → green sourcing → blue activity → brown culture

Map overlays

Editorial & identity flags

Value-bearing flags that layer on top of categories. Stored in venue_flags. A venue can carry any combination.

Working set

Full brand palette

Twenty-four working colors. The Core 4 are the consumer-facing standards. Tools use a slightly cooler navy (#363657) and dustier blue (#4B89AD) than brand surfaces.

Type system

Typography

IvyPresto Display + Helvetica Neue is the canonical pairing for tools and consumer surfaces. Lato is retired (2026-05-07).

IvyPresto Display Display · primary Canonical

Live Brilliantly.

Capture the spark, process the idea.

Hero clamp(42px, 7vw, 78px) Tile name 36px Section title 40px / 700

Helvetica Neue Body · brand-wide Canonical

CANAVA's editorial work treats luxury as retention-shaped, not acquisition-shaped. The keepers are the point.

Body 14px / 1.5 Cards 13px Meta 12px Mobile input 16px !important

Pinyon Script Accent · tagline Decorative

Live Brilliantly

Playfair Display Briefing template Specialty

The Weekly Briefing

Header title 40px / 700

Inter Briefing body Specialty

Section titles · 11px / 600 / 0.13em / uppercase. Body and cards 13px. Meta 12px. Badges 10px / 700 / 0.06em / uppercase.

Share Tech Mono Data widgets Specialty

14:23 EST · #4D7D5E · 47 venues · Q4 2026

Visual vocabulary

Iconography

Hexagon mark + graph-paper grid + IvyPresto + warm cream are the recognition cues that say CANAVA at a glance.

Hexagon mark

C-in-hexagon. Sometimes layered: peach / sage / blue / coral overlapping.

Dotted globe

Geometric primitive — used as icon-system base or decorative on consumer surfaces.

Halftone pattern

Decorative texture for editorial surfaces and dispatch covers.

Concentric octagon

Striped/concentric geometry — signals layered editorial logic.

Graph-paper texture

rgba(42,107,120,0.10–0.18) grid. Signature on briefing surfaces.

CANAVA

Wordmark

IvyPresto Display, italic A optional accent. Pinyon Script for the locked tagline.

Primitives

Components

The shapes that show up in every tool. Use these specs verbatim — they're the source-of-truth in trawl.html and the briefing template.

CHIPS

Restaurant Larder Lodging

padding 6px 12px
min-height 32px
font-size 0.78rem
active inverts to chip color, text white
inactive: #fff bg, #E8E4DE border

TILES

Reference

Brand

radius 8–10px
1px navy hover border
top stripe 3px navy, scaleX(0)→(1)
hover lift translateY(-2px) + soft shadow

CARDS

Sage Editorial Note

Updated · 2026-05-07

radius 8px
border 1px #E8E4DE
bg #FDFCFA
padding 14–18px

BADGES

Published In Work Idea Alert

font 10px / 700 / 0.06em / uppercase
padding 2px 7px
DEVELOPING → dusty blue · IDEA → sage
FEATURE → amber · PUBLISHED → olive/teal

ALERT BARS

Critical alert (rose)

Info (blue)

Success / keeper (sage)

3px left-border + #FDFCFA bg
rose #880808, amber #59432B
blue #4B89AD, green #4D7D5E

SPACING SCALE

          4 · 6 · 8 · 10 · 12 · 14 · 16

          18 · 20 · 24 · 28 · 32 · 40 · 48 · 60 · 80

Briefings alternate 32px (between)
with 8–12px (within sections).