:root {
–bg: #0d0d1a;
–surface: rgba(255,255,255,0.04);
–border: rgba(255,255,255,0.08);
–indigo: #6366f1;
–violet: #8b5cf6;
–cyan: #22d3ee;
–green: #10b981;
–text: #e2e8f0;
–muted: #94a3b8;
–radius: 16px;
}
.aff-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.aff-wrap {
background: var(–bg);
color: var(–text);
font-family: ‘Inter’, -apple-system, sans-serif;
line-height: 1.6;
min-height: 100vh;
}
/* ── HERO ── */
.aff-hero {
position: relative;
padding: 100px 24px 80px;
text-align: center;
overflow: hidden;
}
.aff-hero::before {
content: ”;
position: absolute;
inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.18) 0%, transparent 70%),
radial-gradient(ellipse 50% 40% at 80% 80%, rgba(139,92,246,0.12) 0%, transparent 60%);
pointer-events: none;
}
.aff-badge {
display: inline-block;
background: rgba(99,102,241,0.15);
border: 1px solid rgba(99,102,241,0.35);
color: #a5b4fc;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 100px;
margin-bottom: 28px;
}
.aff-hero h1 {
font-size: clamp(36px, 6vw, 72px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.03em;
margin-bottom: 24px;
}
.aff-hero h1 span {
background: linear-gradient(135deg, var(–indigo), var(–violet), var(–cyan));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.aff-hero p {
font-size: 20px;
color: var(–muted);
max-width: 600px;
margin: 0 auto 40px;
}
.aff-ctas {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 60px;
}
.btn-primary {
display: inline-block;
background: linear-gradient(135deg, var(–indigo), var(–violet));
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 14px 32px;
border-radius: 100px;
text-decoration: none;
box-shadow: 0 0 32px rgba(99,102,241,0.35);
transition: opacity .2s;
}
.btn-primary:hover { opacity: .85; }
.btn-ghost {
display: inline-block;
background: rgba(255,255,255,0.06);
border: 1px solid var(–border);
color: var(–text);
font-size: 15px;
font-weight: 600;
padding: 14px 32px;
border-radius: 100px;
text-decoration: none;
transition: background .2s;
}
.btn-ghost:hover { background: rgba(255,255,255,0.1); }
.stat-bar {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0;
max-width: 800px;
margin: 0 auto;
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
backdrop-filter: blur(12px);
overflow: hidden;
}
.stat-item {
flex: 1;
min-width: 140px;
padding: 24px 20px;
text-align: center;
border-right: 1px solid var(–border);
}
.stat-item:last-child { border-right: none; }
.stat-num {
font-size: 28px;
font-weight: 800;
background: linear-gradient(135deg, var(–indigo), var(–cyan));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: block;
}
.stat-lbl { font-size: 12px; color: var(–muted); margin-top: 4px; }
/* ── SECTION SHELL ── */
.aff-section {
max-width: 1100px;
margin: 0 auto;
padding: 80px 24px;
}
.section-tag {
display: inline-block;
background: rgba(99,102,241,0.12);
border: 1px solid rgba(99,102,241,0.25);
color: #a5b4fc;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 100px;
margin-bottom: 16px;
}
.section-title {
font-size: clamp(28px, 4vw, 44px);
font-weight: 800;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.section-sub {
font-size: 17px;
color: var(–muted);
max-width: 560px;
margin-bottom: 52px;
}
/* ── BENEFIT CARDS ── */
.benefit-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.benefit-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
padding: 32px 28px;
backdrop-filter: blur(12px);
transition: border-color .2s, transform .2s;
}
.benefit-card:hover {
border-color: rgba(99,102,241,0.4);
transform: translateY(-3px);
}
.benefit-icon {
font-size: 32px;
margin-bottom: 16px;
}
.benefit-card h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.benefit-card p { font-size: 14px; color: var(–muted); line-height: 1.65; }
/* ── HOW IT WORKS ── */
.steps-wrap {
position: relative;
}
.steps-line {
position: absolute;
top: 40px;
left: 40px;
right: 40px;
height: 2px;
background: linear-gradient(90deg, var(–indigo), var(–violet), var(–cyan));
opacity: 0.3;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 24px;
position: relative;
}
.step-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
padding: 32px 24px 28px;
text-align: center;
backdrop-filter: blur(12px);
}
.step-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, var(–indigo), var(–violet));
font-size: 18px;
font-weight: 800;
color: #fff;
margin-bottom: 18px;
box-shadow: 0 0 20px rgba(99,102,241,0.4);
}
.step-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.step-card p { font-size: 13px; color: var(–muted); }
/* ── COMMISSION TIERS ── */
.tier-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 24px;
align-items: start;
}
.tier-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
padding: 36px 30px;
backdrop-filter: blur(12px);
position: relative;
overflow: hidden;
}
.tier-card.featured {
border-color: rgba(99,102,241,0.5);
box-shadow: 0 0 40px rgba(99,102,241,0.12);
}
.tier-card.featured::before {
content: ‘Most Popular’;
position: absolute;
top: 16px;
right: -26px;
background: linear-gradient(135deg, var(–indigo), var(–violet));
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 5px 36px;
transform: rotate(35deg);
letter-spacing: 0.05em;
}
.tier-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–muted);
margin-bottom: 8px;
}
.tier-pct {
font-size: 56px;
font-weight: 900;
background: linear-gradient(135deg, var(–indigo), var(–violet));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
margin-bottom: 6px;
}
.tier-caption { font-size: 14px; color: var(–muted); margin-bottom: 24px; }
.tier-features { list-style: none; }
.tier-features li {
font-size: 14px;
color: var(–muted);
padding: 8px 0;
border-bottom: 1px solid var(–border);
display: flex;
align-items: center;
gap: 10px;
}
.tier-features li:last-child { border-bottom: none; }
.tier-features li::before { content: ‘✓’; color: var(–green); font-weight: 700; flex-shrink: 0; }
/* ── EARNINGS CALC ── */
.calc-scenarios {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
margin-bottom: 40px;
}
.scenario-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
padding: 28px 24px;
backdrop-filter: blur(12px);
text-align: center;
}
.scenario-card h4 { font-size: 14px; font-weight: 600; color: var(–muted); margin-bottom: 12px; }
.scenario-earn {
font-size: 38px;
font-weight: 900;
background: linear-gradient(135deg, var(–green), var(–cyan));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: block;
margin-bottom: 6px;
}
.scenario-card p { font-size: 12px; color: var(–muted); }
.earn-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.earn-table th {
text-align: left;
padding: 12px 16px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–muted);
border-bottom: 1px solid var(–border);
}
.earn-table td {
padding: 14px 16px;
border-bottom: 1px solid var(–border);
color: var(–text);
}
.earn-table tr:last-child td { border-bottom: none; }
.earn-table tr:nth-child(even) td { background: rgba(255,255,255,0.02); }
.earn-highlight { color: var(–green); font-weight: 700; }
/* ── PRODUCTS ── */
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
}
.product-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: 12px;
padding: 22px 20px;
backdrop-filter: blur(12px);
display: flex;
gap: 14px;
align-items: flex-start;
transition: border-color .2s;
}
.product-card:hover { border-color: rgba(99,102,241,0.4); }
.product-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; }
.product-info h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.product-info p { font-size: 13px; color: var(–muted); margin-bottom: 8px; }
.price-badge {
display: inline-block;
background: rgba(16,185,129,0.12);
border: 1px solid rgba(16,185,129,0.25);
color: #6ee7b7;
font-size: 11px;
font-weight: 600;
padding: 3px 10px;
border-radius: 100px;
}
/* ── PERSONAS ── */
.persona-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.persona-card {
background: var(–surface);
border: 1px solid var(–border);
border-radius: var(–radius);
padding: 28px 24px;
backdrop-filter: blur(12px);
}
.persona-avatar {
font-size: 36px;
margin-bottom: 14px;
}
.persona-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 4px; }
.persona-role { font-size: 13px; color: var(–indigo); font-weight: 600; margin-bottom: 12px; }
.persona-card p { font-size: 13px; color: var(–muted); margin-bottom: 16px; line-height: 1.6; }
.persona-earn {
display: inline-block;
background: rgba(16,185,129,0.12);
border: 1px solid rgba(16,185,129,0.25);
color: #6ee7b7;
font-size: 13px;
font-weight: 700;
padding: 6px 16px;
border-radius: 100px;
}
/* ── TRUST BAR ── */
.trust-bar {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
padding: 40px 24px;
border-top: 1px solid var(–border);
border-bottom: 1px solid var(–border);
max-width: 1100px;
margin: 0 auto;
}
.trust-chip {
background: var(–surface);
border: 1px solid var(–border);
color: var(–muted);
font-size: 13px;
font-weight: 500;
padding: 8px 20px;
border-radius: 100px;
display: flex;
align-items: center;
gap: 8px;
}
.trust-chip span { color: var(–green); }
/* ── FAQ ── */
.faq-list { max-width: 720px; }
.faq-item {
border-bottom: 1px solid var(–border);
padding: 24px 0;
}
.faq-item:first-child { padding-top: 0; }
.faq-q {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
cursor: pointer;
}
.faq-a { font-size: 14px; color: var(–muted); line-height: 1.7; }
/* ── FINAL CTA ── */
.aff-cta-final {
background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(139,92,246,0.08));
border-top: 1px solid rgba(99,102,241,0.2);
border-bottom: 1px solid rgba(99,102,241,0.2);
text-align: center;
padding: 80px 24px;
}
.aff-cta-final h2 {
font-size: clamp(28px, 4vw, 46px);
font-weight: 800;
letter-spacing: -0.02em;
margin-bottom: 16px;
}
.aff-cta-final h2 span {
background: linear-gradient(135deg, var(–indigo), var(–violet), var(–cyan));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.aff-cta-final p { font-size: 18px; color: var(–muted); max-width: 500px; margin: 0 auto 36px; }
.cta-chips {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 32px;
}
.cta-chip {
background: rgba(255,255,255,0.05);
border: 1px solid var(–border);
color: var(–muted);
font-size: 13px;
padding: 7px 16px;
border-radius: 100px;
}
Earn Real Income
Sharing Tools You Believe In
Refer developers, agencies, and freelancers to GenD and earn recurring commissions on every subscription — across all 7 product lines, forever.
Everything You Need to Earn Seriously
GenD is built for referrers — recurring revenue, growing product suite, and tools that practically sell themselves.
Recurring Monthly Revenue
Commissions renew every billing cycle. Refer someone once, earn for as long as they stay subscribed. No chasing one-time payouts.
7 Products to Promote
Web Builder, gend.me Platform, AI Agents, Contracts, Project Management, Infra Tools, and Social — each with its own audience and angle.
Tiered Rates Up to 30%
Start at 20% and grow to 30% as your referrals scale. The more you bring in, the higher your rate — permanently.
Permanent Attribution
Your referral link tracks conversions permanently. A lead you send today is yours for life — no 30-day cookie windows.
Live Dashboard
See clicks, sign-ups, active referrals, and commission history in real time. Know exactly what’s working and where to focus.
Automatic Monthly Payouts
Earnings hit your account on the 1st of every month. No minimum threshold, no manual requests — just money in your account.
Four Steps to Start Earning
No technical setup. No upfront cost. Just apply, share, and watch your commissions grow.
Apply for Free
Create your GenD account and apply to the affiliate program — instant approval for most applicants.
Get Your Link
Access your unique referral link and per-product deep links from your affiliate dashboard.
Share Everywhere
Post on YouTube, newsletters, social, your site, Discord — anywhere your audience lives.
Earn Every Month
Commissions are calculated monthly and paid automatically. Your referrals grow, your income grows.
Your Rate Grows With You
Start earning from day one. Reach higher tiers automatically as your referral base grows.
- Recurring monthly commissions
- All 7 product lines
- Deep-link generator
- Real-time dashboard
- Auto monthly payouts
- Email support
- Everything in Starter
- Priority support
- Co-marketing opportunities
- Early access to new products
- Performance analytics
- Branded asset kit
- Everything in Growth
- Dedicated account manager
- Custom landing pages
- Revenue share on sub-affiliates
- Quarterly strategy calls
- Top affiliate spotlight
What Could You Earn?
Real numbers based on real subscription prices. No inflated projections.
Side Hustle (10 referrals)
$380/mo
10 subscribers across mixed plans at 20% — solid monthly passive income
Content Creator (50 referrals)
$2,250/mo
50 active subs at 25% Growth tier — full-time income from one channel
Agency / Power Affiliate (200 referrals)
$10,800/mo
200 subscribers at 30% Elite — serious revenue at scale
| Active Referrals | Avg Plan Value | Your Rate | Monthly Earnings |
|---|---|---|---|
| 5 | $29/mo | 20% | $29/mo |
| 10 | $49/mo | 20% | $98/mo |
| 25 | $79/mo | 20% | $395/mo |
| 50 | $79/mo | 25% | $988/mo |
| 100 | $99/mo | 25% | $2,475/mo |
| 200 | $99/mo | 30% | $5,940/mo |
| 500 | $99/mo | 30% | $14,850/mo |
7 Products. One Referral Link.
Every product in the GenD suite earns you commissions — and they all serve overlapping audiences.
GenD Web Builder
Local WordPress dev environment with Docker. One-click installs, live sync, built-in tools.
From $19/mo
gend.me Platform
Business Hub, site management, team workspaces, and collaboration tools for agencies.
From $29/mo
AI Agents & Sequences
Automate client communications, follow-ups, and workflows with pre-built AI agents.
From $49/mo
Contracts & Payments
Send contracts, collect signatures, invoice clients, and receive payments in one place.
From $29/mo
Project Management
Tasks, milestones, client portals, and team chat — purpose-built for web project delivery.
From $19/mo
Infrastructure Manager
Manage hosting, DNS, server configs, and SSL across all your client sites from one dashboard.
From $39/mo
Social & Marketing Tools
Schedule posts, run campaigns, and track results — integrated directly into your client sites.
From $29/mo
Built for Creators, Educators & Agencies
If your audience builds things on the web, GenD is a natural recommendation.
YouTubers & Educators
One tutorial mention drives dozens of sign-ups. Your audience trusts your tool recommendations — GenD converts because it solves real problems.
Avg: $800–$3,000/mo
Newsletter Writers
Drop your referral link in a tool-of-the-week slot or sponsor section. Engaged readers who trust your voice convert at high rates.
Avg: $400–$2,000/mo
Agencies & Consultants
Refer clients to the tools you already use. If you onboard them to GenD, you earn recurring commissions for every month they stay on.
Avg: $2,000–$10,000/mo
Developers & Freelancers
Share in Slack communities, GitHub discussions, Discord servers. Developer-to-developer recommendations carry massive weight.
Avg: $200–$1,500/mo
Social Media Educators
Short demos of GenD features get high engagement. Link in bio + story swipe-ups turn viral posts into reliable monthly income.
Avg: $300–$2,500/mo
Course Creators
Recommend GenD inside your curriculum. Students who buy because of your course stay subscribed — and you earn every month they do.
Avg: $1,000–$5,000/mo
Common Questions
Ready to Start Earning with GenD?
Join for free, get your link in minutes, and start earning recurring commissions on the tools your audience already needs.