A finance brand that keeps it real — warm, grounded, and human. No shame, no hype, just honest money guidance.
1Color System
Primary red anchors the brand — applied with discipline, never as a flood. Warm cream base creates the coffee-shop feel. Black reserved for emphasis and CTA contrast.
PRIMARY DARKER
#4D0404
PRIMARY DARK
#7A0808
PRIMARY ★
#B51212
PRIMARY LIGHT
#E57575
PRIMARY LIGHTER
#F8D8D8
PAGE BG
#FBF6F1
CARD TINT
#F2E8DC
SURFACE
#FFFFFF
INK
#1A0A0A
SECONDARY
#000000
Text Rules
Where each color lives
Headings: Ink #1A0A0A on cream or white. Never primary red. Body: #4A2D2D on cream; #1A0A0A on white. Primary red: eyebrows, stat numbers, CTA buttons, accent underlines. Never full paragraphs. Black (#000): reserved for CTA-block backgrounds and heavy emphasis.
Never Use
Primary red as full section background
Red text on black (unreadable)
Pure white page backgrounds — always warm cream
Pastel pinks outside the defined palette
Green, blue, or yellow accents
Gradients other than the sanctioned red→dark red CTA band
2Typography System
Fraunces (serif) carries warmth and editorial weight. Inter (sans) handles UI, body, and labels. Casual-inspirational means readable, never shouty.
Fraunces 56px / 1.05 500 · tight
Let's break it down.
Fraunces 88px / 1 500
$1,247avg monthly savings
Inter 12px · 0.28em 600 uppercase
Real Talk · Finance, Plainly
Inter 17px / 1.7 400
You don't need to overthink this. Most personal finance advice gets complicated because someone's trying to sell you something. Party exists to keep it simple — small steps, honest frameworks, and zero shame about where you're starting.
Every surface uses a subset of these sections. Order matters; stacking too many weakens rhythm. Pick only what the message needs.
Brand Opener
Small logo or wordmark top-left, eyebrow label top-right. Creates breathing room before the main message.
Background#FBF6F1
Padding48px vertical
Elementwordmark + eyebrow
Hero · Opening
Fraunces display headline. Short, punchy, no more than 8–10 words. Tagline in italic underneath. Solid primary background or dark-to-primary gradient.
Background#B51212 solid or gradient to #7A0808
HeadlineFraunces 64–72px / 500 / #FFF
Nevermix with secondary black in same block
Narrative Body
Cream background. Inter body at 17px / 1.7. Pull-quotes in Fraunces italic with primary-red left border. Generous 720px max-width for reading rhythm.
Background#FBF6F1
Max width720px
Pull-quoteFraunces italic 28px, 4px red border-left
Stat / Impact Band
Single large stat in Fraunces 88–96px, primary red, with tiny uppercase label below. Centered. Cream card over cream page.
Background#F2E8DC card
NumberFraunces 500 / #B51212
Nevermore than 2 stats side-by-side
CTA Block
Full-bleed black or deep red. Fraunces headline in #FFF. Primary red button (or cream button on red background). Single clear action — never two competing CTAs.
Background#000 or #4D0404
Button#B51212 bg / 14px / 0.08em
Ruleone CTA per block, always
Footer
Small caps, 12px letterspaced labels. Minimal links. No imagery. Lets the brand end with breath, not noise.
Background#FBF6F1
TextInter 12px 0.12em uppercase
Color#7A6A6A muted
4Surface-Specific Rules
Different surfaces demand different constraints. These are the hard rules per destination.
Email
Email
600px max-width, table-based layout
Georgia 22px headlines, Arial 16px body
Single CTA button: #B51212 bg, #FFF text, 14–16px
Subject line: plain, curiosity-forward, no emoji
Never embed web-only Fraunces — fallback to Georgia
Website / Landing
Web
1100–1200px max container, 20–32px side padding
Fraunces for H1–H2, Inter for everything else
Mobile breakpoint at 768px — drop to single column
Primary red accent only — never as section flood
All CTA buttons use 4px radius, never pill-rounded