Brand Mover Visual Direction v3 · publisher style guide

Marc Paulenich Platform · Issue #7 · v3 — publisher official style guide

Colors & type, straight from the cover.

Per Seth’s steer, the system now draws its palette from the Brand Mover jacket and matches its typography. Deep petrol teal as the field; a warm coral–to–orange ember as the signal that moves people from apathy to advocacy—exactly the cover’s own logic.

Locked to the publisher style guide. Palette = navy / ice / red / amber + white/black + the red→amber gradient (official hexes). Headlines = Speed italic (stand-in for the "Speed" title font, TBD). Body/UI = New Frank via Adobe Typekit — rendering live on this Cloudflare-hosted page.
01

The identity in action

Brand band — the cover look, dark in both themes.

A platform by Marc Paulenich

Stop shouting.
Start moving.
From apathy to advocacy

Awareness isn’t the win. Attention fades unless it becomes belief. Brand Mover is the operating model for moving audiences from indifference to advocacy—and turning that into growth.

25+ years moving brands · Entrepreneur Books author & keynote speaker

Portrait of Marc — editorial, warm-lit
02

Palette — publisher official style guide

Core — publisher palette

Navy#0F2935ground / ink
Ice#C1DAE5display on dark · soft bands
Red#D83C35--accent · CTA (white text)
Amber#FFB761secondary · dark text only
White#FFFFFFlight ground
Black#000000ink extremis

Movement gradient — apathy → advocacy

Gradient#D83C35 → #FFB761--grad · dark text only
01 · Apathy#D83C35--mv-apathy
02 · Awareness#E56544--mv-awareness
03 · Alignment#F28E52--mv-alignment
04 · Advocacy#FFB761--mv-advocacy
Contrast & usage (WCAG AA-verified). Text workhorses: navy-on-white 15:1, white/ice-on-navy 15:1 / 10.4:1. Red #D83C35 is an accent — fill with white text (4.55:1 ✓); as text it is AA-tight on white, large-only on navy. Amber and the gradient are dark-text-only surfaces (white on amber = 1.7 ✗) — pair with navy. Movement ramp uses the gradient stops.
03

The Brand Movement Model

The cover’s speaker icons, systematized.

The jacket colors apathy as a muted red and advocacy as an active orange. We adopt that literally: a warm ember ramp that anchors the “The Model” section and can tint progress, section markers, and data throughout the site.

01 · APATHY

Muted

Overwhelmed, skeptical, tuned out—the sound turned off.

02 · AWARENESS

Turning up

The signal registers. Attention earned—but not yet belief.

03 · ALIGNMENT

Dialed in

Message, experience, execution reinforce one belief.

04 · ADVOCACY

Amplified

People choose to move others. The sound fully on.

04

Typography

Display
Speed — the publisher’s custom title font (the cover face). Self-hosted woff2; set as-designed.
Body / UI
New Frank (Adobe Typekit) — everything not the headline. Rendering live here (Cloudflare-hosted, so the CDN loads).
Motion echo
Hero display gets a soft offset duplicate, echoing the jacket’s doubled lettering.
“The winners won’t say more. They’ll move people.”— Speed, the display face
Hero · lean
clamp → 104px
Brand Mover
DisplayMove people
H2

Awareness is not the win

H3

Strategy must become signals

Lead · body 400

A practical way to diagnose customer apathy and create the conditions for advocacy across brand, experience, and execution.

Body · 65ch

Disengagement is rarely solved by louder marketing. It’s solved by clearer strategy, stronger alignment, more consistent signals, and better emotional experiences—set in the grotesque body face for sustained executive reading.

Label · trackedSpeaking & workshops
05

Core components

Buttons & links

Text link with ember underline

Content card

Keynote

The Apathy Economy

Why attention is worthless without belief—and the model that closes the gap.

See topic →
Article

Strategy → Signals

Turning brand strategy into what a company says, does, and delivers.

Read →

Lead capture

Download the Brand Movement diagnostic. No spam—unsubscribe anytime.

Credibility strip

25+Years moving brands
4Stages, one model
200+Leaders in the room
A→AApathy to advocacy
06

Fonts — resolved

Resolved — no publisher chase needed:

Headline / display
Speed — the publisher’s custom title font, self-hosted woff2. The real cover face.
Body / deck
New Frank — via Adobe Typekit (per Seth). Everything that is not the headline.
Delivery
Headline self-hosts under /public/fonts/; body from Adobe Typekit (the one accepted external origin).
License note (on the record). Source is FontsGeek, which lists “No License Available” and names no foundry — and “CG” points to Compugraphic/Monotype lineage, so this is likely a redistributed commercial face. The fsType bit and a supplied file don’t constitute a usage license. Per client direction we’re proceeding now; a proper webfont license is to be purchased/approved internally before launch. Because the face is a single token, swapping to the licensed file (or a licensed look-alike) is a one-line change with zero component rework. Optional: OTF→woff2 later to shave a few KB.
07

How the skeleton consumes this

One :root token block drives everything—shipping as tokens.css. Headline (Speed) self-hosts under /public/fonts/; body (New Frank) loads via Adobe Typekit — the one accepted external origin.

:root {
  --brand:#0F2935; --ice:#C1DAE5; --ink:#0F2935;
  --accent:#D83C35 (white text); --amber:#FFB761; --grad:red→amber;
  --mv-apathy:#D83C35 … --mv-advocacy:#FFB761;
  --font-display:'Speed'; --font-body:'new-frank';
}
/* dark theme = the cover: navy ground + ice display (token overrides only) */
Live on the dev site: this system is the merged tokens.css (v3 official palette + New Frank via Typekit), rendering 1:1 on the build. This page is the Cloudflare-hosted spec so the client sees it accurately — real fonts, real palette.