Brand guidelines

One mark.
Every surface.

The Beeving logo, product sub-logos, sage palette and type — as inline SVG and CSS tokens, ready to drop on any background.

Beeving
02 — Products

Product sub-logos

One system for every module: the mark and wordmark stay identical, the product name sits after a thin divider in the primary green. Never invent a new mark per product.

Beeving Beeving Email automation
Beeving Beeving LinkedIn module
Beeving Beeving Enrichment
Beeving Beeving Warmup
Beeving Beeving Masterclass
Beeving Beeving Email automation
Beeving Beeving LinkedIn module
Beeving Beeving Enrichment
Beeving Beeving Warmup
Beeving Beeving Masterclass

Stacked (compact spaces)

Beeving Beeving Email automation
Beeving Beeving LinkedIn module
Beeving Beeving Enrichment
Beeving Beeving Warmup

Product tiles

Beeving
Email
Beeving
LinkedIn
Beeving
Enrich
Beeving
Warmup
Beeving
Learn
03 — Colors

Sage palette

Sampled from the halftone illustrations (hue ≈ 90°). Exposed in Tailwind as green-* and brand-*. Click a swatch to copy its hex.

Neutrals

Gradients & components

Primary button Secondary Badge Gradient text
04 — Typography

Two families

Plus Jakarta Sans for display and the wordmark, Inter for everything else.

Display · Plus Jakarta Sans

Cold email on autopilot.

Meetings on repeat.

Weights 500–800 · tracking -0.02 to -0.03em on titles · wordmark = 800, tracking -0.03em

Body · Inter

Send personalized sequences to hundreds of prospects while you sleep. Automatic follow-ups, email rotation, real-time tracking.

Small text stays at 400–500. Labels: 11px, uppercase, tracking-widest, semibold.

Weights 400–700 · numbers tabular-nums 1,397,394

05 — Textures

Halftone illustrations

Dark sections use the sage halftone waves under a 45 % black veil (utility .bg-illustration). Neutral dark sections are pure black with a light grain (.).

hero-bg.webp · homepage hero, width-fit
.bg-illustration · cta-bg.webp + 45 % veil
.bg-black. · footer, pricing