<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Take control of your money with a complete 110-page printable financial planner for budgeting, savings, debt, bills, expenses and financial goals." />
<title>110-Page Financial Planner</title>
<style>
:root{
--bg:#F8F6F0;
--dark:#102E28;
--gold:#D7A840;
--light:#DCE8E2;
--text:#17201D;
--muted:#66716D;
--white:#FFFFFF;
--border:#D9DED9;
}
*{
box-sizing:border-box;
margin:0;
padding:0;
}
html{
scroll-behavior:smooth;
}
body{
font-family:Inter, Arial, sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.55;
}
img{
max-width:100%;
display:block;
}
a{
text-decoration:none;
color:inherit;
}
.container{
width:min(1120px, calc(100% - 32px));
margin:auto;
}
.hero{
padding:28px 0 56px;
text-align:center;
}
.badge{
display:inline-flex;
align-items:center;
background:var(--light);
color:var(--dark);
padding:9px 14px;
border-radius:999px;
font-size:13px;
font-weight:700;
margin-bottom:18px;
}
h1{
font-size:clamp(38px,8vw,70px);
line-height:1.02;
letter-spacing:-0.04em;
max-width:900px;
margin:0 auto 18px;
color:var(--dark);
}
.hero p{
font-size:18px;
color:var(--muted);
max-width:700px;
margin:0 auto 26px;
}
.product-visual{
background:linear-gradient(180deg,#EEF3EF 0%,#E5ECE7 100%);
border:1px solid var(--border);
border-radius:28px;
padding:22px;
margin:28px auto;
max-width:900px;
}
.benefits{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin:22px 0;
}
.benefit{
background:var(--white);
border:1px solid var(--border);
border-radius:14px;
padding:14px;
font-size:14px;
font-weight:650;
text-align:left;
}
.price-wrap{
display:flex;
justify-content:center;
align-items:end;
gap:10px;
margin:18px 0 14px;
}
.price{
font-size:36px;
font-weight:800;
color:var(--dark);
}
.original-price{
font-size:16px;
color:#8A938F;
text-decoration:line-through;
margin-bottom:7px;
}
.cta{
display:flex;
justify-content:center;
align-items:center;
width:100%;
min-height:56px;
background:var(--dark);
color:white;
border-radius:14px;
font-weight:800;
padding:16px 22px;
transition:transform .2s ease, opacity .2s ease;
}
.cta:hover{
transform:translateY(-2px);
opacity:.96;
}
.microcopy{
font-size:12px !important;
margin-top:10px !important;
color:#7E8783 !important;
}
section{
padding:64px 0;
}
.section-title{
font-size:clamp(30px,6vw,48px);
line-height:1.08;
letter-spacing:-0.03em;
color:var(--dark);
margin-bottom:16px;
}
.section-copy{
color:var(--muted);
max-width:700px;
margin-bottom:28px;
}
.problem-list,
.cards,
.steps,
.faq{
display:grid;
gap:14px;
}
.problem,
.card,
.step,
.faq-item{
background:var(--white);
border:1px solid var(--border);
border-radius:18px;
padding:20px;
}
.problem strong,
.card h3,
.step h3{
color:var(--dark);
}
.compare{
display:grid;
gap:18px;
}
.compare-card{
padding:24px;
border-radius:20px;
}
.compare-card.bad{
background:#F3E7E5;
}
.compare-card.good{
background:var(--light);
}
.compare-card h3{
margin-bottom:14px;
color:var(--dark);
font-size:22px;
}
ul{
list-style:none;
}
li{
margin:10px 0;
color:#48524E;
}
.grid-6{
display:grid;
gap:14px;
}
.card h3{
margin-bottom:12px;
font-size:20px;
}
.preview-strip{
display:flex;
overflow-x:auto;
gap:14px;
scroll-snap-type:x mandatory;
padding-bottom:8px;
}
.preview-card{
flex:0 0 84%;
scroll-snap-align:start;
background:white;
border:1px solid var(--border);
border-radius:18px;
padding:12px;
min-height:360px;
}
.step-number{
width:36px;
height:36px;
border-radius:50%;
background:var(--gold);
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
margin-bottom:12px;
}
.value-box{
background:var(--dark);
color:white;
border-radius:26px;
padding:28px;
}
.value-box .section-title{
color:white;
}
.value-box li{
color:#EDF3F0;
}
.who{
background:#EFEAE0;
}
.faq-item h3{
font-size:17px;
margin-bottom:8px;
color:var(--dark);
}
.final{
background:var(--dark);
color:white;
text-align:center;
border-radius:28px;
padding:34px 22px;
}
.final h2{
font-size:clamp(32px,7vw,54px);
line-height:1.05;
margin-bottom:14px;
}
.final p{
color:#DAE5E0;
margin-bottom:20px;
}
.final .cta{
background:var(--gold);
color:#18211E;
}
.sticky-cta{
position:fixed;
bottom:0;
left:0;
right:0;
z-index:50;
background:rgba(248,246,240,.96);
backdrop-filter:blur(12px);
border-top:1px solid var(--border);
padding:10px 14px;
}
.sticky-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
max-width:520px;
margin:auto;
}
.sticky-info{
min-width:0;
}
.sticky-title{
font-size:12px;
font-weight:750;
color:var(--dark);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:170px;
}
.sticky-price{
font-size:15px;
font-weight:800;
}
.sticky-button{
background:var(--dark);
color:white;
border-radius:12px;
padding:12px 16px;
font-size:13px;
font-weight:800;
white-space:nowrap;
}
body{
padding-bottom:76px;
}
@media(min-width:700px){
.benefits{
grid-template-columns:repeat(4,1fr);
}
.compare{
grid-template-columns:1fr 1fr;
}
.grid-6{
grid-template-columns:repeat(3,1fr);
}
.steps{
grid-template-columns:repeat(3,1fr);
}
.preview-card{
flex-basis:32%;
}
.sticky-cta{
display:none;
}
body{
padding-bottom:0;
}
}
</style>
</head>
<body>
<main>
<section class="hero">
<div class="container">
<div class="badge">
Complete 110-Page Money Planning System
</div>
<h1>Stop Wondering Where Your Money Went.</h1>
<p>
Build a clear budget, track every expense, grow your savings,
and plan your way out of debt with one complete printable financial planner.
</p>
<div class="product-visual">
<div id="hero-product-image">
<strong>110-Page Financial Planner</strong>
<p style="margin-top:8px;color:#66716D">
Replace this area with your real planner cover and preview pages.
</p>
</div>
</div>
<div class="benefits">
<div class="benefit">✓ 110 Printable Pages</div>
<div class="benefit">✓ Instant PDF Download</div>
<div class="benefit">✓ Budget, Savings, Debt & Expenses</div>
<div class="benefit">✓ Print & Reuse Anytime</div>
</div>
<div class="price-wrap">
<span
class="original-price"
data-gumroad-product="financial-planner-110-pages"
data-gumroad-field="original-price">
</span>
<span
class="price"
data-gumroad-product="financial-planner-110-pages"
data-gumroad-field="price">
</span>
</div>
<a
class="cta"
href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">
Get the 110-Page Financial Planner →
</a>
<p class="microcopy">
Instant digital download • Secure checkout via Gumroad
</p>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">
Your paycheck shouldn’t disappear without a plan.
</h2>
<p class="section-copy">
When there is no clear system, it becomes easy to lose track of spending,
savings, bills and debt. This planner gives every dollar a job.
</p>
<div class="problem-list">
<div class="problem">Where did all my money go this month?</div>
<div class="problem">Why can’t I save consistently?</div>
<div class="problem">How much am I actually spending?</div>
<div class="problem">When will I finally pay off my debt?</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">From money chaos to money clarity.</h2>
<div class="compare">
<div class="compare-card bad">
<h3>Without a system</h3>
<ul>
<li>✕ Expenses scattered everywhere</li>
<li>✕ Bills easily forgotten</li>
<li>✕ No clear savings target</li>
<li>✕ Debt payoff feels endless</li>
<li>✕ Financial goals stay vague</li>
</ul>
</div>
<div class="compare-card good">
<h3>With your Financial Planner</h3>
<ul>
<li>✓ See exactly where your money goes</li>
<li>✓ Plan bills before they are due</li>
<li>✓ Track savings visually</li>
<li>✓ Build a debt payoff structure</li>
<li>✓ Turn goals into monthly actions</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">One Planner. Your Entire Financial Life.</h2>
<p class="section-copy">
A complete printable system designed to help you organize the financial areas
that matter most.
</p>
<div class="grid-6">
<div class="card">
<h3>💰 Budget Planning</h3>
<ul>
<li>Monthly Budget</li>
<li>Weekly Budget</li>
<li>Income Planning</li>
<li>Paycheck Planning</li>
</ul>
</div>
<div class="card">
<h3>📊 Expense Tracking</h3>
<ul>
<li>Daily Expenses</li>
<li>Spending Categories</li>
<li>Monthly Reviews</li>
</ul>
</div>
<div class="card">
<h3>🏦 Savings</h3>
<ul>
<li>Savings Goals</li>
<li>Savings Challenges</li>
<li>Emergency Fund</li>
</ul>
</div>
<div class="card">
<h3>💳 Debt Payoff</h3>
<ul>
<li>Debt Overview</li>
<li>Debt Snowball</li>
<li>Payment Progress</li>
</ul>
</div>
<div class="card">
<h3>📅 Bills</h3>
<ul>
<li>Monthly Bills</li>
<li>Subscriptions</li>
<li>Payment Calendar</li>
</ul>
</div>
<div class="card">
<h3>🎯 Financial Goals</h3>
<ul>
<li>Financial Goals</li>
<li>Annual Planning</li>
<li>Progress Reviews</li>
</ul>
</div>
</div>
<p style="margin-top:22px;font-weight:750;color:#102E28">
+ dozens of additional worksheets — 110 pages total
</p>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">See Exactly What You’re Getting</h2>
<p class="section-copy">
Preview the planner before you buy.
</p>
<div class="preview-strip">
<div class="preview-card">
<strong>Monthly Budget</strong>
</div>
<div class="preview-card">
<strong>Expense Tracker</strong>
</div>
<div class="preview-card">
<strong>Savings Tracker</strong>
</div>
<div class="preview-card">
<strong>Debt Payoff</strong>
</div>
<div class="preview-card">
<strong>Bill Tracker</strong>
</div>
<div class="preview-card">
<strong>Financial Goals</strong>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">Simple to Start. Easy to Use.</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Purchase</h3>
<p>Complete your secure Gumroad checkout.</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Download instantly</h3>
<p>Get access to your PDF after purchase.</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Start planning</h3>
<p>Print the pages you need and begin organizing your money.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="value-box">
<h2 class="section-title">
Everything You Need — Without Another Monthly Subscription
</h2>
<ul>
<li>✓ Budget planner included</li>
<li>✓ Debt payoff system included</li>
<li>✓ Savings trackers included</li>
<li>✓ Expense management pages included</li>
<li>✓ Financial goal worksheets included</li>
<li>✓ Reusable printable PDF included</li>
</ul>
<p style="margin-top:18px;font-weight:800">
110 pages. One payment. Use it again and again.
</p>
</div>
</div>
</section>
<section class="who">
<div class="container">
<h2 class="section-title">Designed for you if you want to…</h2>
<div class="cards">
<div class="card">✓ Finally stick to a budget</div>
<div class="card">✓ Stop overspending without realizing it</div>
<div class="card">✓ Build an emergency fund</div>
<div class="card">✓ Organize multiple debts</div>
<div class="card">✓ Prepare for major purchases</div>
<div class="card">✓ Feel more organized with your money</div>
</div>
<p style="margin-top:24px;font-weight:700;color:#102E28">
No complicated spreadsheets. No financial jargon.
Just a clear system you can actually use.
</p>
</div>
</section>
<section>
<div class="container">
<h2 class="section-title">Frequently Asked Questions</h2>
<div class="faq">
<div class="faq-item">
<h3>Is this a physical product?</h3>
<p>No. This is a digital PDF download. Nothing will be shipped.</p>
</div>
<div class="faq-item">
<h3>How many pages are included?</h3>
<p>The planner includes 110 printable financial planning pages.</p>
</div>
<div class="faq-item">
<h3>Can I print the planner more than once?</h3>
<p>Yes, for personal use you can reprint the pages you need.</p>
</div>
<div class="faq-item">
<h3>Do I need special software?</h3>
<p>No. You only need a standard PDF reader.</p>
</div>
<div class="faq-item">
<h3>When do I receive it?</h3>
<p>Access is provided after completing your Gumroad purchase.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="final">
<h2>Your Money Needs a Plan — Not More Guesswork.</h2>
<p>
Start organizing your budget, savings, debt, bills and expenses today.
</p>
<div class="price-wrap">
<span
class="price"
style="color:white"
data-gumroad-product="financial-planner-110-pages"
data-gumroad-field="price">
</span>
</div>
<a
class="cta"
href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">
Get the 110-Page Financial Planner →
</a>
</div>
</div>
</section>
</main>
<div class="sticky-cta">
<div class="sticky-inner">
<div class="sticky-info">
<div class="sticky-title">110-Page Financial Planner</div>
<div
class="sticky-price"
data-gumroad-product="financial-planner-110-pages"
data-gumroad-field="price">
</div>
</div>
<a
class="sticky-button"
href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">
Get Access
</a>
</div>
</div>
</body>
</html>