# FUNDING MACHINE — Complete Brand OS + FM ONE™ Engineering Spec > **The complete design + engineering package for Funding Machine** — brand system, marketing site, Broker OS product, design system, FM Live 2027 campaign, creative kits, and the full Funding Machine ONE™ Cloudflare-first technical specification. **47 hyperlinked HTML deliverables · 1 CSS foundation · 1 AI agent build directive · All production-ready.** --- ## 🚀 Quick start 1. **Open `index.html`** — the hub. Every deliverable is one click away. 2. **Load `AGENT.md`** into any AI (Claude, Cursor, GPT-4, Genspark, Bolt, Windsurf) before generating new Funding Machine assets. It's the single source of truth for brand tokens, voice, and build rules. 3. **Edit `assets/foundations.css`** to change a color, spacing, or motion token — all 47 pages update. --- ## 📁 Folder structure ``` funding-machine-brand-os/ ├── index.html ← MAIN HUB — start here ├── AGENT.md ← AI build directive (load into any AI agent) ├── README.md ← this file │ ├── assets/ ← SHARED CHROME + FOUNDATIONS │ ├── foundations.css ← One source of truth for every token │ ├── marketing-chrome.css ← Public marketing pages │ ├── marketing-nav.js ← Shared marketing nav + footer │ ├── app-chrome.css ← Broker OS product pages │ ├── app-sidebar.js ← Shared product sidebar │ ├── fmo-chrome.css ← FM ONE™ engineering spec pages │ ├── fmo-nav.js ← Shared FMO topnav + subnav │ └── logo/ │ └── funding-machine-logo.png ← Primary logo (use everywhere) │ ├── brand/ ← SOURCE BRAND ASSETS │ ├── Funding-Machine-Brand-Kit.pdf │ ├── ASSET-MANIFEST.md │ ├── brand-palette.json │ ├── brand-variables.css │ ├── tailwind-tokens.js │ ├── DESIGN-DIRECTIVE.md ← original design brief │ ├── FUNDING-MACHINE-ONE-SPEC.md ← full FMO engineering spec (3,918 lines) │ └── logo/funding-machine-logo.png │ ├── ══════ 🌐 MARKETING SITE (10 pages) ══════ ├── marketing.html ← Flagship homepage ├── platform.html ← Product overview ├── ai-underwriting.html ← AI feature page (interactive scan demo) ├── pipeline.html ← (see pipeline-full for product view) ├── pricing.html ← 3 tiers + FAQ ├── customer-stories.html ← 6 broker case studies ├── demo.html ← Book-a-demo landing page ├── about.html ← Origin + team + values ├── onboarding.html ← 5-step first-deal flow ├── login.html ← Sign-in / sign-up split screen ├── mobile-app.html ← 4 native mobile mockups ├── directions.html ← 3 visual direction explorations │ ├── ══════ 🏢 BROKER OS PRODUCT (11 pages) ══════ ├── command-center.html ← Dashboard home (dense operator cockpit) ├── deal-workspace.html ← Single deal · FUNDED moment animation ├── pipeline-full.html ← Kanban pipeline (12 deals) ├── analytics.html ← Full analytics dashboard ├── lenders.html ← Lender directory (32 lenders) ├── applicants.html ← 184-applicant CRM table ├── commissions.html ← $18.4K commissions ledger ├── documents.html ← Document management + OCR ├── offers.html ← Offer inbox + compare table ├── affiliates.html ← Partner leaderboard + payouts ├── automations.html ← Visual workflow builder ├── settings.html ← Team + integrations + billing │ ├── ══════ 🎨 DESIGN SYSTEM (1 page, 137 components) ══════ ├── components.html ← Full component library docs │ ├── ══════ ⚙️ FUNDING MACHINE ONE™ ENGINEERING SPEC (15 pages) ══════ ├── fm-one.html ← Overview · manifesto · 20 objectives ├── fm-one-architecture.html ← 7-tier Cloudflare topology ├── fm-one-data-model.html ← 150+ tables · 21 domains ├── fm-one-api.html ← 40+ endpoints · OpenAPI 3.1 ├── fm-one-events.html ← 60+ versioned domain events ├── fm-one-workflows.html ← FM Flow™ · 36 node types ├── fm-one-agents.html ← 50+ AI agents · 6 authority levels ├── fm-one-security.html ← Zero-trust · classification pyramid ├── fm-one-compliance.html ← Consent + suppression + claims ├── fm-one-migration.html ← 13-step GHL/Zoho migration ├── fm-one-roadmap.html ← 14 phases · 12 sprints ├── fm-one-milestones.html ← 4 acceptance tests + 19-box DoD ├── fm-one-signal-graph.html ← HLP Capital Signal Graph™ ├── fm-one-observability.html ← SLOs · telemetry · test pyramid ├── fm-one-credits.html ← Attribution (Rick + Chekelah + HLP) │ ├── ══════ 🎤 FM LIVE 2027 CAMPAIGN (6 pieces) ══════ ├── fmlive-2027.html ← Campaign hub · Sep 14 kickoff ├── speakers.html ← 15 operators lineup ├── agenda.html ← 4-day, 32-session agenda ├── leo-brand.html ← Leo Kanell personal brand kit ├── sales-kit.html ← Pitch deck + one-pager + ROI │ ├── ══════ 📱 CREATIVE KITS (3 kits) ══════ ├── social-kit.html ← 20+ social posts (1:1 · 4:5 · 9:16 · 16:9) ├── email-kit.html ← 6 email templates └── ad-kit.html ← 4 campaigns × 5 aspect ratios ``` --- ## 🎯 What's in the box ### For the operator/marketer - Full brand system with tokens, voice, do/don't rules - 3 visual direction explorations (Signal Grid · Capital Flow · Broker Cockpit) - 10-page marketing site ready to deploy - 20+ ready-to-post social assets - 6 email templates + 4 ad campaigns - 9-slide pitch deck + one-pager + ROI framework ### For the product team - 11 pixel-tight Broker OS product screens - 137-component design system with tokens - Signature FUNDED moment animation (click "Mark as funded" on `deal-workspace.html`) - Mobile app mockups (4 native screens) - 5-step onboarding flow ### For engineering - **AGENT.md** — load this into your AI dev tool - Full Funding Machine ONE™ technical spec (15 pages, Cloudflare-native) - Attribution: Rick Jefferson + Chekelah Phelps (creators) · HLP Credit Solutions (IP) - 150+ database tables · 40+ API endpoints · 60+ events · 50+ AI agents · 12 sprints ### For the FM Live 2027 event - Complete campaign hub: 5 acts, 21 weeks, 164 days of daily creative - Speaker cards, agenda, event promotional assets - Leo Kanell personal brand kit (voice, quote templates, media kit) --- ## 🎨 The single source of truth **`assets/foundations.css`** is the ONLY place tokens are defined. Every page inherits from it. Changing one token updates 47 pages. Key token families: - Brand blue scale (25 → 950) - Navy scale (dark surfaces) - Cyan · Violet · Mint · Gold · Red accent scales - Semantic aliases (`--action-primary`, `--surface-elevated`, etc.) - Deal state colors (`--deal-funded`, `--deal-declined`, etc.) - AI states (`--ai-processing`, `--ai-complete`) - 6 elevation levels · 5 motion durations · 6 easings - Full spacing scale (2 → 160) · Radius vocabulary --- ## 🤖 Using AGENT.md with your AI dev tool ### With Claude / Cursor / GPT ``` 1. Open AGENT.md 2. Paste the entire file at the top of your conversation 3. Ask: "Build me a Funding Machine {landing page for X | product screen for Y | ad campaign for Z}" 4. The AI will inherit all brand tokens, voice, real broker/lender names, and rules automatically ``` ### With Genspark / Bolt / Windsurf ``` 1. Attach AGENT.md as project context 2. Prompt: "Generate a Funding Machine {asset}. Follow AGENT.md exactly. Import assets/foundations.css." 3. Never accept output that redeclares --brand-500 or uses raw hex ``` ### Test that AI is on-brand Ask it to build a "Funding Machine deal card." Correct output includes: - ✅ Inherits from `assets/foundations.css` - ✅ Uses `var(--brand-500)` not `#3C83F6` - ✅ Tabular numerals on the amount - ✅ Real broker/business name from §5 - ✅ Deal state color from the semantic set - ✅ Uses `chip chip-funded` or `chip chip-ai` for status - ❌ Never redeclares tokens - ❌ Never invents lender criteria --- ## 🏆 Attribution - **Brand OS + product design + FM Live 2027 campaign:** Built for Leo Kanell / Funding Machine - **Funding Machine ONE™ engineering spec:** Rick Jefferson & Chekelah Phelps (creators) · HLP Credit Solutions (architecture / IP owner) - **Client:** 7 Figures Consulting dba My Funding Machine Trademarks: Funding Machine ONE™ · FM Flow™ · FM Partner OS™ · Lender Intelligence Graph™ · Funding Plan Optimizer™ · Machine Fundability™ · HLP Capital Signal Graph™ --- ## 📞 Contact - **Founder:** Leo Kanell — Funding Machine - **FM Live 2027:** Feb 25–28 · Orlando, FL --- _v3.0 · Sep 8, 2026 · 47 deliverables · production-ready_