Tracy Harris Co Brand Kit

The brand at a glance.

Four sub-brands, one token system. Everything below is live in styles/tokens.css and available to every component in this kit. If you're a designer, hire, or partner picking this up cold, this is where the system lives.

01

Colour palette

Neutrals carry the editorial rhythm. Aztek and sage do almost all the brand lifting. Gold and FRESH accents only appear inside their sub-brands.

Neutrals

Charcoal

#101010

Body text and high-contrast headings on light surfaces.

Ink

#313131

Default paragraph body. Softer than charcoal for long reads.

Mute

#727272

Captions, metadata, eyebrows, secondary UI text.

Oatmeal

#f6f4f1

Primary light canvas. Body backgrounds and text on dark surfaces.

Cream

#ece7de

Secondary warm canvas. Alternating sections, card backgrounds.

White

#ffffff

Tracy parent-brand canvas. Pristine, clean, editorial.

Black

#000000

Reserved. Use sparingly for high-contrast FFM moments.

Primary

Aztek

#1e3735

Primary dark. Hero backgrounds, dark sections, primary CTA buttons.

Sage

#6e8e77

Single brand accent. Rules, underlines, pull-quotes, hover states.

FFM gold · premium mastermind only

Gold dark

#7b623c

FFM primary accent. Headings, rules, CTA outlines.

Gold mid

#c9a46c

FFM hover state and the second stop in the gold gradient.

FRESH accents · wellness / reset sub-brand only

FRESH navy

#20314c

FRESH deep accent. Cover art, quiz backgrounds, editorial blocks.

FRESH orange

#ca6b4d

Fitness pillar. Hover state in FRESH contexts.

FRESH yellow

#ddab7d

Relationships pillar. Warm highlight in FRESH contexts.

FRESH peach

#cc9989

Environment pillar. Also FFB warmth accent in soft moments.

02

Typography

One display serif, one sans workhorse, one script flourish. The italic cut of the display serif is Tracy's signature move, one key word per headline.

Display

Editors Note

Paid foundry (Pangram Pangram). Self-hosted. Regular + italic. All display headlines, stat numbers, pull quotes. Italicise one key word per headline.

Editors Note

Body

Poppins

Body copy, UI labels, buttons. Weight 500 is the default for nav and primary CTAs. Weight 400 for prose.

Regular 400The quiet majority of your copy sits here.

Medium 500Navigation, buttons, input labels, small caps.

Semibold 600Accent weight for in-flow emphasis.

Bold 700Reserved for short, punchy highlight phrases.

Script accent

Jhon Halend

Eyebrow callouts, single-word flourishes, Xx signoffs. Never body copy. Capped at roughly 2 to 3 per cent of a page.

Xx Tracy

Type scale · xs to 8xl

xs12 pxThe quick brown fox jumps over the lazy dog
sm13 pxThe quick brown fox jumps over the lazy dog
base15 pxThe quick brown fox jumps over the lazy dog
md16 pxThe quick brown fox jumps over the lazy dog
lg18 pxThe quick brown fox jumps
xl24 pxEditors Note display
2xl28 pxEditors Note display
3xl32 pxEditors Note display
4xl35 pxEditors Note
5xl48 pxEditors Note
6xl60 pxEditors
7xl72 pxEditors
8xl96 pxNote
03

Spacing + radii

Eleven-step space scale from 4 to 160 pixels. Four corner radii. Everything in the kit composes from these.

Space scale

sp-14 px
sp-28 px
sp-312 px
sp-416 px
sp-524 px
sp-632 px
sp-748 px
sp-864 px
sp-996 px
sp-10128 px
sp-11160 px

Corner radii

r-sm

2 px

r-md

4 px

r-lg

8 px

r-pill

9999 px

Tracks are in tokens.css at --t-tight through --t-widest. Leading pairs with them: --l-tight 1.1 for display, --l-relaxed 1.65 for prose.

04

The voice

The rules that make Tracy sound like Tracy. Any copy that goes through this kit has to pass these.

tone

Warm, direct, story-first. Faith-informed but not faith-led. Australian. Teacher-clear but never preachy.

Always

  • One sentence per line in nurture and story content. White space is doing the heavy lifting.
  • Italicise one key word per display headline. That is the signature rhythm move.
  • Bold key phrases inside prose, never whole paragraphs.
  • ALL CAPS sparingly. Single emotional words only.
  • Sign off with Xx Tracy or a soft variant.
  • Freedom Filled® always carries the registered trademark symbol.

Never

  • No em dashes. Use commas, full stops, or a line break instead.
  • No corporate jargon. No leverage, synergy, value proposition, stakeholders.
  • No fake scarcity or guilt-based selling.
  • No corporate openers. No "I hope this email finds you well".
  • No third-person about Tracy. Always first person.
  • No fabricated testimonials, names, or revenue figures. Bracketed placeholder only.

Signature phrases

I'm so glad you're here Hit reply and tell me Let's talk it out Xx Tracy With love, Tracy by design clean, stable and grounded peaceful scale right-fit women beautiful business lovely steward Freedom Filled®
05

Four sub-brands, one system

Every component in this kit accepts a data-brand attribute. Surfaces, accents, and type all remap without touching the HTML.

Tracy Harris Co

Parent brand. Tracy herself, podcast, personal content, homepage. White canvas, aztek anchor, sage accent, charcoal for contrast moments.

personal, editorial

FFB Mentorship

Freedom Filled® Business. Flagship entry mentorship ($6K AUD). Oatmeal canvas, aztek anchor, sage for accent moments. No peach.

warm, invitational

FFM Mastermind

Freedom Filled® Mastermind. Premium tier ($31K AUD PIF). Gold gradient is the premium cue, set against black + oatmeal.

premium, considered

FRESH Reset

F.R.E.S.H. framework: Fitness, Relationships, Environment, Self, Hustle. Five-pillar personal operating system. Charcoal anchor, warm pillar accents (orange, yellow, peach).

energetic, five-pillar