Skip to content
Dave Ramsey · Design System
Design system reference

Dave Ramsey

A confident-warm financial register. Bright Ramsey blue spine, yellow accent. Mulish (the closest free analogue to Canada Type Gibson). Plain-spoken, action-oriented, kitchen-table optimistic.

Slug: dave-ramsey · Default palette: classic · Verticals: local_business, nonprofit · Captured 2026-05-19 by grep of ramseysolutions.com production CSS · Logo: official Ramsey CDN
Reference logo. Real client logos replace this at build time.

01 · Palette

Real Ramsey tokens, frequency-ranked from production CSS.

Every token below was grep'd from the live ramseysolutions.com stylesheet. Three variants ship: classic (default), growth, executive. Pick one with data-palette on the <html> element. Never mix.

Classic · Ramsey Blue + Yellow (default)

The canonical ramseysolutions.com look. 133 occurrences of #0073b9 in the production CSS make it the spine.

Primary#0073b9
Primary deep#005b98
Primary darker#003561
Navy#001934
Accent (yellow)#fcd214
Accent soft#ffe45e
Success#1b8533
Danger#e64b40
Ink#1f2426
Ink quiet#69757a
Surface#f5f7f8
Hairline#d5d9db

Growth · Ramsey Blue + Green

Same blue spine. Green accent (Ramsey's real success-green) swapped in. For investing, retirement, wealth-building.

Primary#0073b9
Accent (green)#1b8533
Accent deep#13651f

Executive · Deep Navy + Yellow

Deep navy spine (#001934) instead of bright blue. Yellow accent retained. For business advisory and audiences where the bright blue reads too consumer.

Primary (navy)#001934
Accent#fcd214
Footer bg#000a1a

Token reference table

TokenHexRole
--dr-primary#0073b9Ramsey blue (the spine)
--dr-primary-deep#005b98Hover and pressed
--dr-navy#001934Deep sections, footer
--dr-accent#fcd214Yellow accent (action)
--dr-ink#1f2426Body charcoal
--dr-ink-quiet#69757aMuted text
--dr-surface#f5f7f8Off-white surface
--dr-hairline#d5d9dbBorders
--dr-success#1b8533Baby-step complete
--dr-danger#e64b40Debt balance, warning

02 · Typography

Mulish, one family, the whole site.

The real Ramsey font is canada-type-gibson (Adobe Typekit, paid). The closest free Google Fonts substitute is Mulish: a geometric-humanist sans with warm proportions. Variable weights 400 through 900. No script fonts. Tabular monospace for dollar amounts.

H1 / 800
You can pay off debt.
H2 / 800

A real plan for your money

H3 / 700

Step 1 · Save $1,000 fast

H4 / 700

Talk to a coach

Lead / 500

Get a coach. Build a budget. Knock out debt one balance at a time. Thousands of families have done it. You can too.

Body / 400

The first call is free. Fifteen minutes. No pitch. We will look at your numbers and tell you the next thing to do.

Eyebrow / 700
Real plan. Real progress.
Money / mono
$47,300 paid off in 21 months

03 · Components

The building blocks.

Buttons

Primary button is yellow on charcoal text. Blue button is the spine in solid form. Ghost button for tertiary actions.

Cards

Debt Payoff Coaching

A weekly coach who reviews your numbers, holds the line on the plan, and tells you what to do next.

Learn more

Money Class

A 9-week class for households. Budgeting, debt payoff, emergency fund, retirement basics, and how to talk about money with your spouse.

Learn more

Business Advisory

Cash flow, owner pay, and pricing for service businesses doing $250K to $2M in revenue.

Learn more

Step list (signature pattern)

The numbered methodology block. Blue number badges. 3, 5, or 7 steps. Each one is title plus one sentence.

  1. 1

    Save $1,000 for your starter emergency fund

    Before anything else. This is the buffer that keeps a flat tire from becoming a credit-card balance.

  2. 2

    Pay off all debt (except the house) using the snowball

    Smallest balance first. Minimums on the rest. Roll the freed-up payment as each one clears.

  3. 3

    Save 3 to 6 months of expenses in a real emergency fund

    Now you are solid. A job change, a medical bill, a roof: none of these are catastrophes anymore.

Outcome stats

$12.4M

Client debt paid off, since 2014

1,840

Families coached to debt-free

$2,500

Average savings in first 90 days

4.9

Star rating across 200 reviews

Testimonial / pull-quote

"We were $47,300 in debt with a new baby. Twenty-one months later, every balance is zero. The plan works. You just have to actually do it." Sarah and Mike R., Phoenix AZ $47,300 paid off · 21 months

Plan / pricing

Starter
$0/ first call
  • 15-minute strategy call
  • One-page action plan
  • No pitch, no obligation
Book a Call
Class
$149/ household
  • 9-week group class
  • Workbook included
  • Spouse attends free
See Schedule

CTA banner

Ready to start? The first call is free.

Fifteen minutes. No pitch. We will look at your numbers and tell you the next thing to do.

Book a Free Call

Before / After comparison

Before

-$47,300
  • Three credit cards maxed out
  • Two car payments
  • No emergency fund

After

$8,200 saved
  • Zero credit-card debt
  • Both cars paid off
  • Full emergency fund

Coach bio grid

Real coaches with real names. Photo, name, role, two-sentence bio. Headshot tile renders the role badge until a real photo is sprinkled in at build time.

Coach photo

[Coach name]

Lead financial coach

Fifteen years walking households out of debt. Specialty: blended-family budgets and small-business owner pay.

Coach photo

[Coach name]

Money-class facilitator

Teaches the 9-week household class. Former public-school teacher. Has the patience and the spreadsheets.

Coach photo

[Coach name]

Business advisory

Service-business owners doing $250K to $2M. Cash flow, owner pay, pricing. No jargon.

Tool / calculator teaser

The free-tool banner. Used on home and coaching pages to point at a calculator, worksheet, or budget download. Dashed blue border keeps it visibly free vs. paid.

Try the debt snowball calculator.

Plug in your balances. See your payoff date. No email required.

Open the calculator

Two-column block

Image on one side, copy and CTA on the other. Used for "how it works," methodology callouts, and program intros. Reverses on `.dr-two-col--reverse`.

How it works

Show us the numbers. We tell you the next step.

Bring last month's bank statement and a list of debts. Fifteen minutes on a call. You will leave with one specific next move, written down.

Book a free call

Press / credentials strip

The "as seen in" or "trusted by" row. Wordmarks rendered in type, not logos, so the strip looks consistent regardless of which outlets the client lists. Real outlet names replace these at build time.

Featured in [Outlet 1] [Outlet 2] [Outlet 3] [Outlet 4] [Outlet 5]

Podcast / show card

For coaches or ministries that publish a podcast. Cover tile uses the accent-gradient pattern. Platform links use the blue podcast-card chip style.

The Money Hour
Weekly show

Real calls. Real numbers. Plain answers.

Forty minutes a week. Real people, real debt, the next thing to do. New episodes every Tuesday.

Book / resource cover

For book launches, workbooks, or downloadable guides. Pure CSS cover. Title is the resource name, sub is the format or audience.

A workbook

The 90-Day Money Reset

For households starting from scratch.

Twelve weeks of one-page exercises. Budget, debts, emergency fund, the conversation with your spouse.

$19
Order the workbook

Newsletter signup

Lead-magnet form. Email plus first name only. Never SSN or account numbers on a marketing form.

Get the weekly note.

One email a week. The one specific thing to do this week with your money. Free. Unsubscribe anytime.

We never sell your email. Read the privacy note.

Contact form

The book-a-call intake form. Used on `/contact` and as a fallback CTA on coaching pages. Two-column row for name; single-column rows for email, phone, and message.

We will reply within one business day. Your numbers stay between us.

Map + address block

For practices with a physical office. Striped map placeholder until a real embed lands at build time. Address uses bracketed placeholders so a fake one cannot ship.

Map
Visit the office

In person, or by phone.

[Practice name]
[Street address]
[City, State ZIP]

[Local phone]
[Hours of operation]

04 · Flex points

What varies between builds.

Three flex points, set on <html> at build time. Stage 1 records the combination. Stage 6 reads it to compose the right copy and layout.

Attribute Values Default Controls
data-palette classic, growth, executive classic Spine and accent family
data-faith off, on off Faith disclosure block, biblical-stewardship microcopy
data-program-style steps, tracks, coaching steps Program-page label ("The Steps", "The Tracks", "The Process")