Wombie — Identity Guidelines

A mark for finding your people, in the real world.

The Wombie symbol is a cursive W drawn as one looping ribbon — and tucked into its loop, a location pin. Discovery and place in a single stroke. This guide covers the mark, its construction, spacing, color, and approved variants.

Wombie
01 — The Symbol

The pin lives inside the W.

Two rounded ribbon strokes cross to form the W; where they loop at the center, the counter is shaped into a map pin. It reads as a letter and a place at once — a quiet promise that there's somewhere to be and someone to meet.

Signal Orange on Paper
Paper on Ink
02 — Construction

One weight, fully rounded.

The symbol sits on a 6-unit grid. Every stroke shares one constant weight — roughly one grid unit (1u) — with fully rounded terminals. Never redraw it by hand; always scale the master artwork.

Stroke weight
1u · ≈16% of width
Terminals
Fully round
Proportion
1.48 : 1
03 — Clear Space & Sizing

Give it room. Keep it legible.

Keep clear space equal to the stroke weight (1u) on all four sides. Nothing — type, image edges, other marks — enters this zone.

1u
Minimum sizes
64px
40px
24px
16px

Symbol alone: 16px minimum (favicon). The full lockup: 24px tall minimum so the wordmark stays readable.

04 — Lockups

Two lockups. No mascot.

The horizontal lockup is primary. The symbol alone covers app icons, favicons and avatars. The wombat has been retired — the pin carries the personality now.

Wombie
Primary horizontal lockup — symbol height ≈ wordmark cap height
App icon · squircle
Avatar · circle
Favicon · 64 / 32 / 16
05 — Variants & Explorations

Same mark, eight moods.

Color and treatment explorations on the one true mark. Signal Orange solid is the production primary; gradients are for hero moments and motion, the filled pin and outline for stamps and merch, plum/nightfall are heritage and cool-context experiments. Geometry never changes — only the fill.

★ Primary
Signal Orange
Solid · #FD4F00
Ink Mono
Solid · #232322
Sunrise
Gradient · orange→pink
Ember
Gradient · amber→red
Filled pin variant
Filled Pin
Treatment · solid counter
Outline
Treatment · hollow stroke
Heritage Plum
Solid · #6C5CE7
Nightfall
Gradient · violet→indigo
Wombie
Wombie
06 — Color

Warm, oat, and one signal.

Wombie runs on a warm oatmeal neutral scale, deep ink for type, and a single high-energy accent. Signal Orange is the only saturated color in production — reserve it for the mark, primary actions, and live moments.

Signal Orange
#FD4F00
Primary accent · the mark, primary buttons, live state. Use sparingly.
Ink
#232322
Headlines, body copy, dark surfaces, the wordmark.
Paper
#FCFCF9
Primary background, cards, the reversed mark.
Oat neutral scale
50
100
200
300
400
500
700
800
950
07 — Exports & Assets

Ship-ready files.

The mark as an optimized single-path SVG — including a currentColor version that inherits any text color — plus a complete favicon set.

Favicon set · PNG
apple-touch-icon180
6464
3232
1616
favicon-16/32/64.pngpaper on Signal Orange
apple-touch-icon.png180 · full-bleed
<!-- <head> -->
<link rel="icon" type="image/svg+xml" href="wombie-mark.svg">
<link rel="icon" sizes="32x32" href="favicon-32.png">
<link rel="icon" sizes="16x16" href="favicon-16.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">