The Canvo Brand
A reference for anyone building with or communicating about Canvo. Use these guidelines to keep the brand consistent.
Logo
The Canvo wordmark is the primary logo. The bullet dot in lime green is a key brand element — it stands for presence, a door, a mark on the map.
Primary — on dark
Reversed — on light
Favicon / App icon
On dark
On brand green
✓ Do
- Use the wordmark in full lowercase
- Keep the lime dot — it's part of the mark
- Use on dark or light backgrounds as shown
- Maintain clear space equal to the height of the "c"
✕ Don't
- Don't capitalize or title-case the wordmark
- Don't change the dot color
- Don't stretch or skew the logo
- Don't place on busy or low-contrast backgrounds
Colors
A focused palette. Lime green is the brand's energy — action, outdoors, movement. Charcoal and white provide structure and clarity.
Primary Palette
Brand Green
#84CC16
rgb(132, 204, 22)
Primary — CTAs, highlights, accents
Charcoal
#242424
rgb(36, 36, 36)
Neutral — headers, nav, footer
White
#ffffff
rgb(255, 255, 255)
Base — page backgrounds, cards
Base Content
oklch(14% 0 0)
Body text, content
Supporting Palette
Light Grey
#eeeeee
Backgrounds
Border Grey
#dddddd
Borders, dividers
Grey
#2a2a2a
Secondary text
Success
#22C55E
Confirmations
Error
#F43F5E
Errors, warnings
Warning
#F59E0B
Alerts
Info
#0EA5E9
Informational
Color Usage
Brand Green
Reserve for primary CTAs, interactive highlights, icons, and the logo dot. Don't overuse — its power comes from restraint.
Charcoal & Dark
Use for the navigation bar, footer, and high-contrast text. Creates grounding and professionalism alongside the green.
Neutrals
Light grey (#eeeeee) for alternating section backgrounds. White for cards and primary content areas. Never use pure grey for body text.
Typography
Two typefaces, clear roles. Space Grotesk brings personality to headlines. Inter keeps body copy readable at any size.
Space Grotesk
Aa Bb Cc
Every door is a conversation.
Weights: Light 300, Regular 400, Medium 500, Semibold 600, Bold 700
Use for: H1–H6, navigation, buttons, badges, the logo
Class: font-heading
Inter
Aa Bb Cc
Simple door-to-door tracking for campaigns and sales teams.
Weights: Regular 400, Medium 500, Semibold 600
Use for: Body text, paragraphs, captions, form labels
Class: font-body
Type Scale
Canvo
Page Headline
Section Heading
Card Title / Label
Lead paragraph text — used under page headlines and in feature descriptions.
Body text. This is the default size for all paragraph content, list items, and general UI copy.
Buttons & Interactive
All buttons use font-heading (Space Grotesk). Primary actions use btn-primary. Outline for secondary actions. Avoid more than two CTAs in the same view.
Tone of Voice
Canvo is a tool for people doing real work in the field. The writing should sound like a colleague who knows what they're talking about — not a pitch deck.
Direct
Say what you mean. No fluff, no padding, no corporate speak. Get to the point in the first sentence.
Honest
Don't overpromise. Canvo does one thing well — say that. Trust is built by being accurate, not enthusiastic.
Grassroots
We're on the side of the people knocking doors, not the consultants in the office. Write from that perspective.
Efficient
Canvo users are busy. Respect their time in every line of copy — UI labels, error messages, everything.
Examples
Don't write this
"Canvo empowers teams to unlock their full canvassing potential with a revolutionary, AI-driven territory management platform."
Write this instead
"See your territory on a map. Tap a door to log a visit. That's it."
Don't write this
"Leverage our best-in-class analytics dashboard to gain actionable insights into your canvassing performance metrics."
Write this instead
"Your dashboard shows how many doors you've knocked and what happened at each one."
Don't write this
"Get started on your journey to transforming the way your team engages with their community today!"
Write this instead
"Get started free. No credit card required."
Quick Rules
- ✓ Write in plain, everyday English
- ✓ Use "you" and "your" — talk to the person, not about them
- ✓ Lead with what the user gets, not what we do
- ✓ Short sentences. One idea per sentence.
- ✕ Avoid jargon: "leverage", "synergy", "ecosystem", "scalable"
- ✕ Don't use exclamation marks to fake enthusiasm
- ✕ Avoid passive voice — say who does what
- ✕ Don't pad copy to sound more important