Brand & assets

The Canopy
identity.

Minimal, bold, and built for developers. This is the mark, the type, the colour and the voice - plus the assets to use them. Take what you need.

design.md
Pro usageAadisplayPremiumComing soonPlatinum
Canopy
canopy · brand system
01The mark
Canopy mark - colored
canopy-mark · 650 × 382

A spreading canopy in bloom - two wings reaching outward from a central axis, the system seen from above.

Primary lockup

CanopyCanopy
  • · Keep clearspace ≥ the height of the mark.
  • · Minimum size 20 px (mark) / 96 px (lockup).
  • · Never recolour, stretch, or add effects.
  • · On dark backgrounds use the white or colored variant.

Bare mark

Colored

Colored

Black

Black

White

White

App icon variants · 512 × 512

Color · white bg
colored-bg-white
Color · black bg
colored-bg-black
Black · gradient bg
black-bg-colored
Glass · gradient bg
glass-bg-colored
Black · white bg
black-bg-white
White · black bg
white-bg-black
02Typography

Bricolage Grotesque · Display

Canopy.

Typefaces

4

Weights

10

Roles

4

Script

Latin

Aa400 · 500 · 600 · 700

The quick brown fox jumps.

Bricolage Grotesque

Display · headlines

Aa400 · 500 · 600

The quick brown fox jumps.

Hanken Grotesk

Body · UI text

Aa400 · 500

The quick brown fox jumps.

JetBrains Mono

Code · labels · metrics

Aa400

The quick brown fox jumps.

Excalifont

Annotations · doodles

Character set

Bricolage Grotesque · 68 glyphs

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789&@#?!%
03Colour

A monochrome ink core for everything structural, marker tones for highlights, and a multi-stop brand gradient powering the mark. Click any swatch to copy its value.

Ink & surfaces

Marker highlights

Brand gradient stops

04Voice

Capture. Visualize. Operate.

We write like engineers talk: short, concrete, no fluff. Confident, never loud.

Minimal

Every pixel earns its place. Whitespace is a feature.

Bold

Heavy display type, monochrome ink, decisive contrast.

Developer-first

Structured data over decoration. Speak to the terminal.

05Badges

Every plan, status, role, billing model and earned tier in the product wears a badge. Here's the full set.

Plan & status

ProPro
Coming soonComing soon
ActiveActive
Trial3 days left
RoleEditor
DraftDraft

Billing models

Seat per seat
Team per team
Usage usage
Flat flat

Marketplace & trust

Paid templatePremiumStripe KYC-ed seller
Verified original Verified original
Licensed clone Licensed from @canopy
Verified seal

Identity

Member title
WatermarkMade with Canopy
06Watermark

Every export carries the “Made with Canopy” watermark - the mark plus the wordmark, identical on PNGs, Markdown, CLAUDE.md, AGENTS.md and the JSON payload. It’s how shared maps point back home.

Free maps always show it. Pro and Enterprise can switch it off per export.

Made with Canopy
07For agents & LLMs
design.mdmachine-readable

One file your agents can read.

Every token, type, and brand rule on this page is mirrored at /design.md - like llms.txt, but for design. Point an agent at it to build Canopy surfaces on-brand without scraping the CSS.