Brand Warmbly's visual identity

Marks, colors,
type, voice.

Everything you need to write about Warmbly, build an integration, or place the logo on a slide. Free to use without asking, with one rule. Do not imply a partnership we have not agreed to.

Primary lockup
Wordmark + mark, on white
Warmbly
Mark height: 1x · Wordmark cap-height: 1x · Gap: 0.4x
Min width
96px
Mark min
24px
Clear space
1x mark height
Format
SVG · PNG
Marks

Four official lockups.

Wordmark and standalone mark, each in a light and dark variant. Use the variant with the highest contrast against the background. Nothing else is an approved usage.

  • Wordmark for sign-off, footers, partner pages.
  • Mark for favicons, avatars, app tiles, OG cards.
  • SVG everywhere it is supported. PNG at 2x for raster only.
Warmbly
Wordmark · light
SVG
Warmbly
Wordmark · dark
SVG
Mark · light
SVG
Mark · brand
SVG
Size reference
16px
24px
32px
48px
64px

The mark holds up at 16px because the angles are simple. Below 16px, use the favicon variant in /brand/favicon.ico instead.

Social avatar

The profile picture.

The Warmbly profile image used across X, LinkedIn, GitHub, Product Hunt, and other social surfaces. Square crop, sky background, mark centered. Use this exact file rather than recreating it at runtime.

  • Source resolution is 1024 by 1024.
  • Safe for round and square crops. The mark stays inside the inner 70 percent.
  • Do not overlay text. Do not recolor the sky.
Download JPG /brand/social-avatar.jpg
Warmbly social avatar: a white paper-plane mark on a sky background with soft clouds.
Crop preview
round · 48
round · 64
square · 80
square · 112

The mark sits within the inner 70 percent of the canvas, so the silhouette survives circular masks on profile chips.

Palette

Sky ramp. Plus a neutral system.

Ten steps from atmosphere to deep sea. Sky-600 is the primary brand color used on links and action buttons. Sky-700 is the hover state. Everything else is composition.

sky-50
#f0f9ff
--sky-50
sky-100
#e0f2fe
--sky-100
sky-200
#bae6fd
--sky-200
sky-300
#7dd3fc
--sky-300
sky-400
#38bdf8
--sky-400
sky-500
#0ea5e9
--sky-500
Primary
sky-600
#0284c7
--sky-600
Hover
sky-700
#0369a1
--sky-700
sky-800
#075985
--sky-800
sky-900
#0c4a6e
--sky-900
Primary
Hover
Neutral system
Foreground
#0f172a
slate-900
Heading
#0f172a
slate-900
Muted
#64748b
slate-500
Border
#e2e8f0
slate-200
Surface 1
#f5f8fc
page bands
Surface 0
#ffffff
card
Light surface composition
Connect a mailbox
Healthy senders stay below 50/day.
warmup.pool: premium
Dark surface composition
Connect a mailbox
Healthy senders stay below 50/day.
warmup.pool: premium
Typography

Inter for everything. System mono for code.

One typeface keeps the marketing site, app, and docs in the same voice. Sizes follow a small ramp tuned for tight tracking at large display sizes and relaxed leading at body sizes.

Sans
400 / 500 / 600 / 700 / 800
Inter

Self-hosted via @fontsource/inter. Used for every UI surface, every headline, every body paragraph.

Mono
system stack
ui-monospace

ui-monospace, 'SF Mono', Menlo, monospace. No web download. Used for code snippets, metric labels, and timestamps.

Display · 72 / 64 · Semibold · -0.03em
Cold email that lands.
Heading · 44 / 36 · Semibold · -0.025em
A platform built so the inbox is the default outcome.
Body · 15.5 · Regular · 1.7 leading

Most cold-email platforms reward you for sending more. Warmbly rewards you for sending well. Mailbox caps default to fifty a day. Workers are capped by the sum of their mailbox budgets, not an arbitrary global number. The defaults exist because the inbox is a finite resource.

Mono · 13.5 · 1.65 leading
// Schedule a send respecting the per-mailbox cap.
scheduler.scheduleSend({
  mailbox: "ben@acme.com",
  campaign: "cmp_2025_q2",
  cap:      50,           // emails / day
  gap:      600,          // seconds between sends
});
Voice

How Warmbly sounds.

Plain English. Short sentences. Numbers when they matter. If a line could come from any other SaaS site, rewrite it.

01
Plain text wins.

No promo wrappers. No tracked images by default. Cold mail should look like a real message from a real person, because that is what it is.

02
Defaults are conservative.

Fifty sends a day. Ten minutes between messages. Warmup starts at ten. The defaults are where a healthy mailbox lives, not a starting line to sprint from.

03
Numbers must be earned.

No fabricated open rates. No screenshot leaderboards. If a metric is on the page it came from your account or the open-source repo.

04
Workers stay small.

We talk about workers like servers, not heroes. One worker, one IP, a few mailboxes. Volume scales by adding workers, not by overloading one.

Usage

Logo guardrails.

A few things to do, and a few things to leave alone. The mark is simple on purpose. Effects, recolors, and combo lockups undo that on purpose.

Do
Clear space

Keep at least the height of the mark as padding on every side.

Warmbly
Sky on white

Use the foreground mark on white surfaces. Wordmark in slate-900.

Warmbly
White on sky

On any sky-700 to sky-900 background, switch to the white mark.

Mono on photos

On photography or video, use the solid white or solid foreground variant.

Do not
Do not stretch

The wordmark and mark are fixed proportion. Never squash or skew.

Do not recolor

Use the foreground, white, or sky-900 variants. No off-brand color fills.

Do not add effects

No drop shadows, no glows, no outlines, no gradients applied to the mark itself.

×
CO
Do not lock up

Do not combine the Warmbly mark with another logo into a single wordmark.

Naming

Always Warmbly. One word. Capital W.

Yes Warmbly
No warmbly, WARMBLY, Warm.bly, Warm Bly, WarmBly

In running prose, refer to the company as Warmbly. Refer to the product as Warmbly or as the Warmbly platform. Avoid possessives on the wordmark itself in logo contexts.

Press & partnerships

Need a quote, a logo file, or an interview?

Email is the fastest way to reach us. Include the publication or context and a deadline if you have one. We try to reply within one business day.

Version 1.0 · Updated

Build with Warmbly. Tell us if we missed an asset.

The kit ships as a single zip with SVG and PNG at 2x. Open an issue if you need a format that is not in there.