PlanBetterVisual identity · v1.0

Benefits decisions
you feel good about.

This is the PlanBetter brand kit — the logo, the color, the type, and the way it all comes together. One reference for keeping every plan, every page, and every placement unmistakably PlanBetter.

SMB professional, seen through the PlanBetter mark
The picture, coming together.
#026163
#001C16
#F6F2E9
02Brand system

Color

Three colors do the heavy lifting: a deep teal accent, a near-black that leans green, and a warm off-white canvas. Click any value to copy it.

Teal tonal scale — tints & shades for UI, charts & states
03Brand system

Typography

Mozilla Text carries the headlines and the wordmark itself — warm, humanist, quietly confident. PT Sans handles body copy, UI and buttons, where it needs to be read at length and at small sizes.

Display & logoMozilla Text

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

ExtraLight·Light·Regular·Medium·SemiBold·Bold
Download Mozilla Text
Text & UIPT Sans

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Regular·Italic·Bold·Bold Italic
Download PT Sans
Display

Mozilla Text · SemiBold · -2% tracking

Plan better

H1

Mozilla Text · SemiBold

Benefits, made clear

H2

Mozilla Text · Medium

One view, every plan

Lead

PT Sans · Regular · 20px

Choosing benefits shouldn't feel like a gamble.

Body

PT Sans · Regular · 16px

PlanBetter brings every plan into one clear view, weighs them against what your team actually needs, and walks you to the choice you'll feel good about.

Caption

PT Sans · Bold · 14px · +18% tracking

Learn more at planbetter.com

04Brand system

Voice

Calm, plain-spoken, and on your side. We name the stakes, then take the weight off. We sound like a steady colleague, never a salesperson.

We say

Choosing benefits shouldn't feel like a gamble.

Name the worry out loud. People trust the brand that says what they're already feeling.

We don't say

Unlock the power of next-gen benefits optimization.

No hype, no jargon, no empty verbs. If a vendor would say it, we won't.

We close on

The choice you'll feel good about long after open enrollment ends.

End on relief, not features. Sell the feeling of having decided well.

05Brand system

In context

The system in the wild. The signature move: the puzzle-piece mark becomes an aperture — real SMB professionals seen through the cutout, the picture coming together.

PlanBetter

Benefits decisions
you feel good about.

PlanBetter brings every plan into one clear view, weighs them against what your team actually needs, and walks you to the right call.

PlanBetter
SMB professional, seen through the PlanBetter mark

Choosing benefits shouldn't feel like a gamble.

Learn more at www.planbetter.com

App icon
Buttons
Avatar / favicon
Build with this kit

Hand the whole system to an AI.

DESIGN.md is a complete, agent-ready spec — tokens, type, the puzzle-aperture treatment, motion and voice. Drop it into a Claude Code project or paste it into a prompt and build new pages in the PlanBetter language, on spec.