Horizontal — color (light bg)
Primary variant. Brand-primary leaf, ink text. Use everywhere on light backgrounds.
Brand kit
Brand guidelines
Logos, colors, typography. This page is a reference for the Chargekeeper team and a brand kit for partners embedding our visuals.
Question about brand usage? Contact us.
Logos
Main variants
Use the variant that matches the background contrast. Always preserve a clear space around the logo equal to the height of the leaf.
Horizontal — signature (dark bg)
DNA variant. Signature green leaf, white text. Reserved for dark backgrounds and high-impact moments.
Signature variant — leaf in #38E54D (brand-DNA green). Reserved for dark backgrounds.
Horizontal — white monochrome
All white. For visually busy dark photography or monochrome supports.
Vertical — signature (dark bg)
Vertical DNA variant. Used in the site footer.
Signature variant — leaf in #38E54D (brand-DNA green). Reserved for dark backgrounds.
Vertical — black monochrome
Vertical monochrome black. Print, fax, b&w supports.
Logo usage
Do & Don't
Do
- Preserve clear space around the logo (≥ leaf height).
- Use the variant matching the background contrast.
- Keep original proportions (no stretching).
- Prefer SVG for web and print.
Don't
- Don't recolor outside the official palette.
- Don't add effects (shadows, outlines, gradients).
- Don't rotate or distort the logo.
- Don't place the logo on a low-contrast background.
Mascot
Keeper
Brand character used for friendly illustrations, error pages and internal communication.
Keeper is our mascot. He mainly appears in playful contexts (404 page, internal materials, events). Use sparingly in commercial communications — prefer the logo in formal contexts.
Colors
Palette
Three distinct roles: a universal green for day-to-day use, a signature green for the brand DNA on dark, and an accent lime for typographic highlights. CSS tokens defined in global.css — always reference the token, never the raw hex.
On light backgrounds — working palette
#27a273
Brand primary
--color-brand-primary Universal. Buttons, links, UI accents, "daylight" logo leaf. All backgrounds, all contexts.
#1a8a5e
Brand primary dark
--color-brand-primary-dark Hover / pressed state of brand primary.
#e1ffa0
Accent lime
--color-accent-lime Typography highlight on light backgrounds only ("yellow highlighter" effect on keywords). Not a brand color.
On dark backgrounds — signature DNA
#38E54D
Signature green
--color-signature Historical brand DNA. Reserved for dark backgrounds and high-impact moments: night logo, live badges, active sessions, dark hero accents. Never on light surfaces (readability).
Green scale
#c8fbe7
green-50
--color-green-50 Very light backgrounds, hero gradients.
#a8eccc
green-100
--color-green-100 Tinted secondary surfaces.
#5fc99c
green-300
--color-green-300 Illustrations and intermediate states.
#27a273
green-500
--color-green-500 Same as brand primary.
#32735f
green-600
--color-green-600 Text on light backgrounds, subtle accents.
#1a3e39
green-700
--color-green-700 Tertiary dark surfaces.
#164038
green-800
--color-green-800 Secondary dark surfaces.
#143109
green-900
--color-green-900 Deep dark surfaces, premium sections.
#071412
green-950
--color-green-950 Footer, signature dark backgrounds, dark hero.
Neutrals
#071412
ink
--color-ink Primary text color. Same as green-950.
#ffffff
paper
--color-paper Primary background, surfaces.
#fafafa
paper-soft
--color-paper-soft Alternating sections, cards.
#e6e6e6
paper-mute
--color-paper-mute Borders, dividers, disabled states.
Typography
Fonts
Two main fonts — display for headings, sans-serif for body. Mono stack for code.
Averta Std
Display — headings
--font-display EV supervision built for pros
Geometric sans, premium character. Reserved for H1–H6.
Fallback: General Sans, Inter, system-ui.
General Sans
Body & UI
--font-sans The complete, interoperable and scalable supervision solution.
Neutral sans-serif with excellent on-screen legibility. Used for all body and UI text.
Fallback: Inter, system-ui, Segoe UI, sans-serif.
ui-monospace
Code, tokens
--font-mono OCPP 2.0.1 · API_KEY=ck_…
System stack: SFMono-Regular, Menlo, Monaco, Consolas, monospace.
No custom font — OS performance and consistency.
Type scale
H1 — Display 6xl
H2 — Display 5xl
H3 — Display 4xl
H4 — Display 2xl
Lead paragraph — lg/xl, text-ink/80.
Body paragraph — base, text-ink/70.
Note / caption — sm, text-ink/60.
Eyebrow — xs, uppercase, wide tracking, brand-primary
Are you a partner?
Download logos directly from this page. For additional formats (AI, EPS, high-resolution vector) or specific co-brandings, get in touch.