A confident-warm financial register, kit-of-parts.
A generic template for the financial-coaching, debt-payoff, and FPU-style register. Ramsey blue spine, yellow accent, Mulish (the closest free analogue to Canada Type Gibson). Plain-spoken copy, specific dollar amounts, kitchen-table optimism. Real CSS tokens, official Ramsey logo, free-font substitute only where required.
Three views into the system.
Design System
Palette, typography, buttons, cards, the step list, outcome stats, plan tiers, coach grid, podcast card, contact form. Every token visible, every utility documented.
Open the reference 02 · CatalogSections
Twenty patterns, each in Ramsey voice. The step list, the stats band, the before-and-after, the press strip, the podcast card, the book cover, the calculator banner, the coach grid.
Browse the catalog 03 · DemoPages
A full homepage demo composed only from the section catalog. More page templates will land here as the library grows. Click any tile to open the page.
See the pagesThree palettes, one toggle.
The default is classic Ramsey blue and yellow. Two alternates re-skin the system without changing markup. Growth swaps the yellow for the Ramsey success-green for investing and retirement audiences. Executive deepens the spine to navy for small-business advisory work.
Classic · Blue + Yellow
#0073b9 · #fcd214 · default
Growth · Blue + Green
#0073b9 · #1b8533 · investing
Executive · Navy + Yellow
#001934 · #fcd214 · advisory