Primary
Navy mark on white. Default usage.
+ The Compass · Life Strategy OS
Set a heading.
Then ship it.
The compass mark, wordmark, color, and typography for Life Strategy OS — packaged for press, partners, and product.
Last updated · Apr 2026
A compass, not a map.
— THE LIFE STRATEGY OS BRAND PROMISE
№ 01 — Anatomy
4 PARTS
Four arms, one direction.
- 01 Outer ring
The dashed circle frames the mark. Sets the clear-space radius.
- 02 Cardinal arrows
Four directional points — N · Vision, E · Execution, S · Reflection, W · Pillars.
- 03 Center locator
Three orbital dots inside an inner ring. The 'you are here' marker.
- 04 Orbital dashes
Subtle ticks around the ring — interval, not decoration.
№ 02 — Scale
6 SIZES
Holds up at every size.
№ 03 — Recolor
INTERACTIVE
Tinted by currentColor.
For brand-aligned use. Click a swatch or pick a custom hex. The mark inherits the
current color via SVG currentColor.
#1E3A5F
№ 04 — Clear space
MIN 1.0R · PREFERRED 2.0R
Give it room to breathe.
Minimum clear space around the mark equals the radius of the inner ring (R). Drag the slider to feel the safe zone scale.
- Min — 1.0R
- Preferred — 2.0R or greater
№ 08 — Browser & OS
3 ASSETS
Built for the tab strip.
Favicon
Multi-resolution ICO (16/32/48).
Apple touch icon
180×180 PNG for iOS home-screen.
Open Graph card
1200×630 PNG for social shares.
№ 09 — Color
THE PAIRING RULE
Restrained, paired with gold.
Navy · System
#1E3A5F
RGB · 30 · 58 · 95
CTAs, headlines, structural marks, the compass mark.
Gold · Signal
#A48748
RGB · 164 · 135 · 72
Italic accent phrases, active arms, pulse dots, you-are-here markers.
Ink · Headlines
#0F172A
Slate · Body
#64748B
Gold · Tint
#F7F2E8
Paper · Surface
#FFFFFF
PAIRING RULE
Navy is the system color: CTAs, headlines, structural marks. Gold is the signal color: italic-serif accent phrases, active compass arms, pulse dots, "you-are-here" markers, chip-active states. Never use gold for CTAs. One per page is the floor; three is the ceiling.
№ 10 — Typography
3 VOICES
Three voices, one rhythm.
SANS · INTER
Aa
Define your career strategy
Body copy at 17/1.6.
SERIF · SOURCE SERIF 4
Aa
managing it like one.
Editorial body at 18.5/1.7.
MONO · JETBRAINS MONO
Aa
№ 01 — Eyebrow
12.5 / 0.13em / 500
№ 11 — Usage
DO · DON'T
Read the room.
DO
- Use the mark on solid white or solid navy.
- Maintain at least 1.0R of clear space.
- Use gold for italic accent phrases only.
- Pair Inter (UI) with Source Serif 4 (italic accents and editorial body).
- Keep the brand pair: navy carries the system, gold is the signal.
DON'T
- Don't stretch, skew, or rotate the mark.
- Don't recolor the mark for casual use.
- Don't use gold for CTAs or buttons.
- Don't introduce a fourth font.
- Don't drop the mark below 16px (use the abstract + placeholder instead).