Sassypreneurs Brand System

02 Color

Light Leads. Orange Is The Loudest Voice.

White is the default. Navy is structure, not decoration. Orange leads once per composition, on the thing you want clicked. Purple supports it. Lavender is a surface only and never carries text. Two accent colors, maximum.

Core palette

Deep Navy

#071A52

Structure, body text

Vibrant Orange

#F26A21

Primary CTA, brush

Royal Purple

#6E2BB8

Accents, labels

White

#FFFFFF

Default background

Soft Lavender

#B89BE8

Surface only, no text

Extended product palette

Plum

#6B2D5C

Pink

#E96C9A

Gold

#F5B71E

Cream

#FAF5EE

03 Typography

Playfair Leads. Montserrat Does The Work.

Two typefaces, ever. Playfair Display for headlines and numbers, title case. Montserrat for everything functional, sentence case. Never bold Playfair below 32px. Body copy is never bold and never justified.

Eyebrow label / Montserrat 600

Aa Hero

Section Headline

Card Title

Lead paragraph. Montserrat regular at a comfortable reading size.

Body copy. This is the workhorse size for real reading. Left aligned, regular weight, generous line height so nobody has to squint.

Label and metadata

Token	Size	Line
`--t-hero`	64–88	1.05
`--t-xl`	44–56	1.1
`--t-lg`	32–40	1.15
`--t-md`	20–24	1.35
`--t-sm`	15–17	1.6
`--t-xs`	12–13	1.5

04 Signature Elements

The Brush Arc Is The Hero.

Four marks, built as inline SVG. The brush arc leads. Circuit lines, sparkles, and the dashboard motif step back. Never more than two brush elements in one composition.

Brush arc

Circuit lines

Four-point sparkle

Dashboard motif

06 Components

Built From Tokens, Never Hardcoded.

Buttons

Primary leads once per screen. It darkens on hover. It never scales.

Proof, Not Promise

7

Live SaaS

12

Cohort seats

60

Days

Ship

Smallest Useful Version

Put it in front of one real person, then make it better.

Own

Your Own Server

If you cannot move it, you do not own it. Ownership is insurance.

Direct

Learning To Direct

You are not learning to code. You are learning to direct.

Founder portrait

Faces Are Circular. Rings Flip Color.

Founder of Sassypreneurs, primary portrait — Primary

Founder of Sassypreneurs, casual portrait — Alternate

Product / book cover

Sassypreneurs Own It Instead Of Renting It The Ownership Playbook

The Rare Dark Moment

Errors Are Directions,
Not Failures.

A dark section earns its weight because it is rare. White headline, lavender body, one orange call to action, and circuit lines whispering in the back.

Get The Tokens

10 Don'ts

The Lines We Do Not Cross.

Do

Lead with light. White is the default background.
Let one orange element lead, on the thing you want clicked.
Keep body text on white or lavender tint, never on lavender.
Give every piece of jargon a real-world picture right away.
Prove it with a live URL, a name, or a real number.

Avoid

A dark default background. This is not a dark brand.
Body text on lavender or on orange. It fails contrast.
More than two accent colors in one composition.
The words "just" or "simply." They make beginners feel stupid.
Playfair for body copy, or bold Playfair below 32px.

Token Reference

Copy These. Build On-Brand.

Every color and size in this page comes from one of these custom properties.

:root{
  --navy:#071A52;   --orange:#F26A21;   --purple:#6E2BB8;
  --white:#FFFFFF;  --lavender:#B89BE8;

  --plum:#6B2D5C;   --pink:#E96C9A;     --gold:#F5B71E;   --cream:#FAF5EE;

  --lavender-tint:#F4EFFC;   --orange-hover:#D95A15;   --avoid-tint:#FEF1E9;
  --radius:16px;   --radius-pill:999px;   --radius-cover:6px;
  --shadow:0 4px 24px rgba(7,26,82,.08);
  --shadow-cover:0 12px 32px rgba(7,26,82,.22);

  --s-1:4px;  --s-2:8px;  --s-3:16px;  --s-4:24px;
  --s-5:40px; --s-6:64px; --s-7:96px;

  --t-hero:clamp(64px, 8vw, 88px);   --t-xl:clamp(44px, 5.5vw, 56px);
  --t-lg:clamp(32px, 4vw, 40px);    --t-md:clamp(20px, 2.4vw, 24px);
  --t-sm:clamp(15px, 1.4vw, 17px);   --t-xs:13px;

  --font-display:"Playfair Display", serif;
  --font-body:"Montserrat", sans-serif;
}