# Billdr — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.billdr.ai/
Captured: 2026-11-03
CSS measured: 2026-11-03T05:05:06.597Z at 1440×1000 — https://www.billdr.ai/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: claude-sonnet-5

## Design direction

The Billdr website presents a clean, modern, and professional aesthetic tailored to general contractors. It heavily utilizes a minimal and functional design language with a consistent off-white canvas, sharp geometric layout, and bold typography. The primary color is a distinct blue, used sparingly for emphasis and primary actions against the stark background. Key patterns include scroll-triggered sticky sections with dynamic content changes, robust feature cards, and clean editorial layouts for testimonials. The design balances a corporate software feel with practical, approachable elements suitable for the construction industry.

## Classification

- Industry: ai
- Site type: Landing, Store
- Business model: Shopping, Software, Agency
- Styles: minimal, bold, corporate, typographic, saas-utility
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Neuemontreal — weight 500; size 56px; line-height 61.6px; tracking -1.1px; Regular (95% role confidence, computed values)
- Heading: Neuemontreal — weight 500; size 48px; line-height 55.2px; tracking -1px; Regular (90% role confidence, computed values)
- Body: Neuemontreal — weight 500; size 16px; line-height 24px; tracking -0.2px; Regular (100% role confidence, computed values)
- Mono: Inter — weight 500; size 14px; line-height 21px; tracking -0.1px; Regular (60% role confidence, computed values)

## Functional palette

- Text — text #353535: color-6: computed rgb(53, 53, 53); AI role: Dark gray (#353535) used as the primary text color for headings and body copy, offering high contrast against light backgrounds. (100% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Pure white used extensively for backgrounds, particularly inside cards or components. (95% role confidence, computed values)
- Primary Action — primary action #4959E4: color-13: computed rgb(73, 89, 228); AI role: Distinct blue (#4959E4) used for primary buttons, active states, and highlight text. (95% role confidence, computed values)
- Surface — surface #FBFAF8: color-2: computed rgb(251, 250, 248); AI role: Off-white (#FBFAF8) used broadly for main page section backgrounds, providing a subtle contrast to pure white components. (90% role confidence, computed values)
- Muted Text — muted text #707070: color-7: computed rgb(112, 112, 112); AI role: Lighter gray (#707070) used for secondary text, metadata (roles/companies in testimonials), and descriptive paragraphs. (90% role confidence, computed values)
- Border — border #EDEDED: color-12: computed rgb(237, 237, 237); AI role: Light gray (#EDEDED) used for subtle borders and dividers between sections and components. (80% role confidence, computed values)
- Accent — accent #2E957C: color-27: computed rgb(46, 149, 124); AI role: Green (#2E957C) used sparingly for positive numbers/status indicators in UI mockups. (70% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "55.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "h3",
        "text": "1 hub for every build",
        "top": 9113,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "4× business growth in about 2.5 years",
        "top": 9097,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "2× project capacity with Billdr",
        "top": 9097,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "h2",
        "text": "Meet your AI workforce",
        "top": 6841,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "How we help GCs win",
        "top": 8850,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "50 hours saved per week",
        "top": 9088,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "31.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Book an onboarding meeting",
        "top": 10873,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Import your data",
        "top": 11433,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Start building",
        "top": 11993,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "The AI Operating System for General Contractors",
        "top": 202,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 30,
    "contexts": [
      {
        "tag": "p",
        "text": "Manage every project, crew, and dollar from one connected platform.",
        "top": 15607,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Product",
        "top": 15549,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Pricing",
        "top": 15589,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "div",
        "text": "Lucas Wildman",
        "top": 9304,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Paul Demrovski",
        "top": 9320,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Mudasir Mustansir",
        "top": 9320,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "“An intuitive application that’s really easy to learn with a minimum of training.”",
        "top": 6803,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "I’ve used other software before, and it felt like stepping back to Windows 95: complicated and unint",
        "top": 12867,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Yes. Billdr is built for residential and commercial general contractors, home builders, and specialt",
        "top": 14858,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "“Billdr allowed us to amalgamate everything into one simple app and one simple program where we can ",
        "top": 9200,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“I can spend more time with my family, which is the ultimate goal at the end of everything as a self",
        "top": 9240,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“They’re not just a software company … truly they want to see their clients succeed.”",
        "top": 9240,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Capture AI-powered daily logs",
        "top": 10055,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Track crew timesheets",
        "top": 10110,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Assign tasks and share schedules with your crew",
        "top": 10165,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Track every lead and project in one place. New opportunities flow directly into your sales pipeline,",
        "top": 6063,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Learn more about AI Copilot",
        "top": 7119,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "about AI Copilot",
        "top": 7119,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Alexandre Blanchard",
        "top": 13306,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Stefany Fraser",
        "top": 12987,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Nadine Cormier",
        "top": 13004,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Owner, Habitation Peak",
        "top": 13329,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Project Manager, Bros Construction",
        "top": 13011,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "GC, Concept NC",
        "top": 13027,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Create your workspace in seconds, book a demo with our sales team or directly activate your subscrip",
        "top": 10913,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Import your customers, projects, contacts, documents, price lists and brand identity so you can pick",
        "top": 11473,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Start managing jobs, sending estimates, scheduling crews, and invoicing customers from day one.",
        "top": 12033,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Bob answers questions about your business, finds information, recommends next steps, automates recur",
        "top": 6959,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bruno builds draft estimates using your templates, pricing, and historical projects, helping you quo",
        "top": 7521,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Billie answers your business phone, qualifies new leads, books appointments, and keeps your pipeline",
        "top": 8083,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Your office goes wherever you build!",
        "top": 14474,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Have questions? Talk to our team we’re here to help you get the most out of Billdr.",
        "top": 15191,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "24.3px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Run your jobs, crews and AI workforce from one system",
        "top": 333,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Moving from spreadsheets or another construction software? We'll help you make the switch.",
        "top": 10663,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Period covered: September 2026 to February 2027. Net cash flow equals projected payments received mi",
        "top": 7266,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "43.2px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Your",
        "top": 1368,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "construction",
        "top": 1371,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "business",
        "top": 1386,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "a",
        "text": "Read their story",
        "top": 9377,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Read their story",
        "top": 9392,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Read their story",
        "top": 9392,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Inter",
    "fontStack": "Inter, sans-serif",
    "weight": "500",
    "size": "7.5px",
    "lineHeight": "11.3px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "text",
        "text": "Outflows",
        "top": 7662,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Payments received",
        "top": 7662,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "150,000",
        "top": 7680,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18.2px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "Owner, Oakridge Contracting",
        "top": 9327,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Owner, PD Renovations",
        "top": 9342,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Business Development Executive, Aozat",
        "top": 9342,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 9248,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 9248,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 9248,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Bob, your AI copilot",
        "top": 6958,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Bruno, your AI estimator",
        "top": 7018,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Billie, your AI receptionist",
        "top": 7078,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Features",
        "top": 23,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "AI",
        "top": 23,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Who We Serve",
        "top": 23,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "App Store",
        "top": 9801,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Google Play",
        "top": 9801,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "App Store",
        "top": 14538,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "-0.1px",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "AI copilots",
        "top": 6806,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Testimonials",
        "top": 8815,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Mobile app",
        "top": 9841,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "8px",
    "lineHeight": "12px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Sep 26",
        "top": 7570,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Oct 26",
        "top": 7570,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Nov 26",
        "top": 7570,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "8px",
    "lineHeight": "12px",
    "letterSpacing": "-0.1px",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "get it on",
        "top": 9791,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "get it on",
        "top": 9791,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "get it on",
        "top": 14528,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "$523,000.00",
        "top": 7103,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "$419,000.00",
        "top": 7103,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "$90,000.00",
        "top": 7191,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Inter",
    "fontStack": "Inter",
    "weight": "500",
    "size": "14px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Bertrand Nembot",
        "top": 11031,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "support@billdr.co",
        "top": 11031,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "60 mins",
        "top": 11131,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "PROJECTED PAYMENTS RECEIVED",
        "top": 7080,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "PROJECTED BILLS PAID",
        "top": 7080,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "PROJECTED EXPENSES",
        "top": 7167,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "100,000+",
        "top": 13416,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "$2B+",
        "top": 13544,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "1000+",
        "top": 13673,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Quotes sent",
        "top": 13428,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Worth of projects",
        "top": 13556,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Customers",
        "top": 13684,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Book a meeting",
        "top": 10792,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Import Your Data",
        "top": 10792,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Start Building",
        "top": 10792,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Inter",
    "fontStack": "Inter",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "See Billdr in action",
        "top": 11012,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Pine Creek Office",
        "top": 12085,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Home Extension",
        "top": 12224,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "estimate-​home-​addition.xlsx",
        "top": 757,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Invoice_​p1_​247.pdf",
        "top": 1507,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "plans-​v2.pdf",
        "top": 2193,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Neuemontreal",
    "fontStack": "Neuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "50h saved per week with Billdr",
        "top": 692,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "© Billdr. All right reserved.",
        "top": 16050,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Type a message",
        "top": 7180,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Type a message",
        "top": 8436,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Inter",
    "fontStack": "Inter, system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "17px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Net cash flow",
        "top": 7385,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Inflows and Outflows",
        "top": 7611,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 108,
    "contexts": [
      {
        "tag": "body",
        "text": "Features.navbar_icon svg{width:100%;height:100%;display:block}.btk-navplus-v{transform-origin:50% 50",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Features.navbar_icon svg{width:100%;height:100%;display:block}.btk-navplus-v{transform-origin:50% 50",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Login",
        "top": 15,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FBFAF8",
    "alpha": 1,
    "cssValue": "rgb(251, 250, 248)",
    "count": 1080,
    "contexts": [
      {
        "tag": "div",
        "text": "“An intuitive application that’s really easy to learn with a minimum of training.”Alexandre Blanchar",
        "top": 6787,
        "property": "background"
      },
      {
        "tag": "footer",
        "text": "Manage every project, crew, and dollar from one connected platform.US - 786 400-2881CA - 438 795-708",
        "top": 15449,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#E7F4FB",
    "alpha": 1,
    "cssValue": "rgb(231, 244, 251)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "Watch Video{ \"items\": [ { \"url\": \"https://player.vimeo.com/video/1232161003\", \"originalUrl\": \"https:",
        "top": 8947,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#030303",
    "alpha": 1,
    "cssValue": "rgb(3, 3, 3)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "Try it now",
        "top": 14,
        "property": "text"
      },
      {
        "tag": "section",
        "text": "/* Hero video is DESKTOP ONLY (>=992px) and DEFERRED (v2, 2026-09-25): the mp4 lives on data-scrub-s",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "App Store",
        "top": 9801,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FAF9F6",
    "alpha": 1,
    "cssValue": "rgb(250, 249, 246)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1000,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#353535",
    "alpha": 1,
    "cssValue": "rgb(53, 53, 53)",
    "count": 152,
    "contexts": [
      {
        "tag": "span",
        "text": "Your",
        "top": 1368,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "estimate-​home-​addition.xlsx",
        "top": 757,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Meet your AI workforce",
        "top": 6841,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#707070",
    "alpha": 1,
    "cssValue": "rgb(112, 112, 112)",
    "count": 73,
    "contexts": [
      {
        "tag": "p",
        "text": "Track every lead and project in one place. New opportunities flow directly into your sales pipeline,",
        "top": 6063,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Alexandre Blanchard,",
        "top": 6859,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Pricing",
        "top": 15589,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#E0DACC",
    "alpha": 1,
    "cssValue": "rgb(224, 218, 204)",
    "count": 14,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 16318,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.2196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.22)",
    "count": 1,
    "contexts": [
      {
        "tag": "header",
        "text": "Features.navbar_icon svg{width:100%;height:100%;display:block}.btk-navplus-v{transform-origin:50% 50",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#6B7280",
    "alpha": 1,
    "cssValue": "rgb(107, 114, 128)",
    "count": 26,
    "contexts": [
      {
        "tag": "div",
        "text": "Type a message",
        "top": 7180,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Sep 26",
        "top": 7570,
        "property": "text"
      },
      {
        "tag": "g",
        "text": "150,000 100,000 50,000 0 -50,000 -100,000 -150,000 Sep 26 Oct 26 Nov 26 Dec 26",
        "top": 7680,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "Watch Video{ \"items\": [ { \"url\": \"https://player.vimeo.com/video/1232161003\", \"originalUrl\": \"https:",
        "top": 9232,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#EDEDED",
    "alpha": 1,
    "cssValue": "rgb(237, 237, 237)",
    "count": 125,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 761,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#4959E4",
    "alpha": 1,
    "cssValue": "rgb(73, 89, 228)",
    "count": 35,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 6813,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "— Net cash flow",
        "top": 7436,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 7490,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#111827",
    "alpha": 1,
    "cssValue": "rgb(17, 24, 39)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "$523,000.00",
        "top": 7103,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Period covered: September 2026 to February 2027. Net cash flow equals projected payments received mi",
        "top": 7266,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#545D6B",
    "alpha": 1,
    "cssValue": "rgb(84, 93, 107)",
    "count": 12,
    "contexts": [
      {
        "tag": "g",
        "text": "Outflows Payments received",
        "top": 7662,
        "property": "svg-fill"
      },
      {
        "tag": "text",
        "text": "Outflows",
        "top": 7662,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "Bertrand Nembot",
        "top": 11031,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.1411764705882353,
    "cssValue": "rgba(255, 255, 255, 0.14)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 719,
        "property": "background"
      },
      {
        "tag": "img",
        "text": "",
        "top": 719,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#353535",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(53, 53, 53, 0.7)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "Owner, Oakridge Contracting",
        "top": 9327,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#000000",
    "alpha": 0.27058823529411763,
    "cssValue": "rgba(0, 0, 0, 0.27)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "50h saved per week with Billdr",
        "top": 682,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#EFF2F5",
    "alpha": 1,
    "cssValue": "rgb(239, 242, 245)",
    "count": 11,
    "contexts": [
      {
        "tag": "img",
        "text": "",
        "top": 9306,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 27,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "get it onApp Store",
        "top": 16040,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#191F2F",
    "alpha": 1,
    "cssValue": "rgb(25, 31, 47)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "See Billdr in action",
        "top": 11012,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#040404",
    "alpha": 0.23921568627450981,
    "cssValue": "rgba(3, 3, 3, 0.24)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "NEWNew Mobile Feature Launch",
        "top": 144,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#C8C8C8",
    "alpha": 0.8862745098039215,
    "cssValue": "rgba(200, 200, 200, 0.886)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Features",
        "top": 23,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Pricing",
        "top": 17,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 31,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#E2E3E6",
    "alpha": 1,
    "cssValue": "rgb(226, 227, 230)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "Type a messagePROJECTED PAYMENTS RECEIVED$523,000.00PROJECTED BILLS PAID$419,000.00PROJECTED EXPENSE",
        "top": 6938,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#F5F2EE",
    "alpha": 1,
    "cssValue": "rgb(245, 242, 238)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 11332,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "",
        "top": 16044,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#000000",
    "alpha": 0.2,
    "cssValue": "rgba(0, 0, 0, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 381,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#2E957C",
    "alpha": 1,
    "cssValue": "rgb(46, 149, 124)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "+$14,000.00",
        "top": 7191,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#E0E3EB",
    "alpha": 1,
    "cssValue": "rgb(224, 227, 235)",
    "count": 20,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 7448,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#2E388C",
    "alpha": 0.39215686274509803,
    "cssValue": "rgba(45, 55, 140, 0.392)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Login",
        "top": 15,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E4E7EC",
    "alpha": 1,
    "cssValue": "rgb(228, 231, 236)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12083,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#414A98",
    "alpha": 1,
    "cssValue": "rgb(65, 74, 152)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "In construction",
        "top": 12301,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#4558E2",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(73, 89, 228, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "In construction",
        "top": 12301,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#E8E2D6",
    "alpha": 1,
    "cssValue": "rgb(232, 226, 214)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10827,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#A46E3C",
    "alpha": 1,
    "cssValue": "rgb(164, 110, 60)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Quote sent",
        "top": 12162,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#E47510",
    "alpha": 0.18823529411764706,
    "cssValue": "rgba(227, 118, 18, 0.19)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Quote sent",
        "top": 12162,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(255, 255, 255, 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Trusted By @keyframes btkLogoTicker { from { transform: translateX(0); } to { transform: translateX(",
        "top": 879,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FFFFFF",
    "alpha": 0.8509803921568627,
    "cssValue": "rgba(255, 255, 255, 0.85)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Trusted By",
        "top": 930,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#ED5214",
    "alpha": 1,
    "cssValue": "rgb(237, 82, 20)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 11017,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#373737",
    "alpha": 0.2,
    "cssValue": "rgba(53, 53, 53, 0.2)",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9601,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#FFFFFF",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(255, 255, 255, 0.7)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "get it on",
        "top": 16047,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "NEW",
        "top": 150,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#E35050",
    "alpha": 1,
    "cssValue": "rgb(227, 80, 80)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "3",
        "top": 12083,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#D1D1D1",
    "alpha": 1,
    "cssValue": "rgb(209, 209, 209)",
    "count": 8,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 8863,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#FF2A2A",
    "alpha": 1,
    "cssValue": "rgb(255, 42, 42)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "64",
        "top": 291,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 695,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#121212",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(17, 17, 17, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8878,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#111111",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 17)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8878,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#E32626",
    "alpha": 1,
    "cssValue": "rgb(227, 38, 38)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 7663,
        "property": "svg-fill"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous use of vertical whitespace between major sections to delineate topics. Tight grouping within components (like text and buttons in hero, or lists in sticky nav).
- Corner style: Slightly rounded corners on buttons and cards, giving a modern, approachable software feel.
- Radius: Buttons appear to have moderate border-radius (e.g., pill shape or rounded rectangle), while product UI cards have subtle rounding.
- Borders: Subtle, 1px light gray borders used to define cards (testimonials, UI mockups) and separate list items in sticky navigation.
- Buttons: Solid fill with white text for primary actions; outline with transparent background for secondary. Hover states likely involve background color shifts or opacity changes.
- Content width: Centered main content column with max-width applied, keeping line lengths readable while background elements stretch full width.
- Density: Moderate density. Marketing sections are spacious and airy, while product UI mockups pack denser information to simulate the software.
- Evidence: Observation of component layouts, padding around text blocks, border properties on cards (color-12), and visual comparison of button styles in navigation vs hero section.

## Sections

Gallery section count: 11. Each entry corresponds to one gallery capture.

1. **Navbar — Billdr Navbar** (Home)
   A thin bar with a few labelled menus and a filled Try it now button keeps navigation light and the main action obvious.
   Capture: 1440×64px; page bounds 0–64px of 13158px; source section ID: `6cb368e5-27dc-496d-bd56-05fff504fb0a`; image: https://media.designdetails.io/library/1d4ea4b2d5e05f8c27313b33a3595ae36cdae1097407a4bc0a79bf72bd5a5ca2/6cb368e5-27dc-496d-bd56-05fff504fb0a.webp
   SECTION.md v3.2: `6cb368e5-27dc-496d-bd56-05fff504fb0a` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed hero with logo strip** (Home)
   A large headline over a blueprint photo states the audience at once, while paired buttons and a trusted-by row add quick credibility.
   Capture: 1440×936px; page bounds 64–1000px of 13158px; source section ID: `41b349d3-2213-45eb-b0f6-9b9b124e697b`; image: https://media.designdetails.io/library/a0d55ffcdf846a9d5e557f7f28ff09998afb34c2099fe5e534b50003503c4f01/41b349d3-2213-45eb-b0f6-9b9b124e697b.webp
   SECTION.md v3.2: `41b349d3-2213-45eb-b0f6-9b9b124e697b` (deterministic evidence; editorial review pending)
3. **Features — Accordion workflow beside product screen** (Home)
   A stepped list from lead to billing sits next to a matching project list, so visitors see the full workflow in one view.
   Capture: 1440×2187px; page bounds 1000–3187px of 13158px; source section ID: `1a8e3fb9-d364-4ad6-a9ce-cf381a88ee84`; image: https://media.designdetails.io/library/5f90807d78780fa8340c5342adb147d73e285ab2c91847411ad4f5bf1c32b422/1a8e3fb9-d364-4ad6-a9ce-cf381a88ee84.webp
   SECTION.md v3.2: `1a8e3fb9-d364-4ad6-a9ce-cf381a88ee84` (deterministic evidence; editorial review pending)
4. **Features — Tabbed AI assistants with chat previews** (Home)
   Each assistant gets its own tab, interface preview and short description, so visitors can compare roles without leaving the section.
   Capture: 1440×1965px; page bounds 3187–5152px of 13158px; source section ID: `38cbf049-64f8-4443-91f4-3dac0d52743c`; image: https://media.designdetails.io/library/cfa81235f6c4f2436cbe8d30e3138e46df788c84ef2c7041574761cb4a8a3135/38cbf049-64f8-4443-91f4-3dac0d52743c.webp
   SECTION.md v3.2: `38cbf049-64f8-4443-91f4-3dac0d52743c` (deterministic evidence; editorial review pending)
5. **Testimonials — Customer story carousel with video** (Home)
   A large photo with a play button beside a short quote and headline makes the customer story human and easy to browse.
   Capture: 1440×955px; page bounds 5152–6107px of 13158px; source section ID: `8488bd2b-fca6-4710-a6f9-c231bbd0c666`; image: https://media.designdetails.io/library/898b8842a1084fe008cac908ea6223bf8d2ab8e998555be729f39d5703a33875/8488bd2b-fca6-4710-a6f9-c231bbd0c666.webp
   SECTION.md v3.2: `8488bd2b-fca6-4710-a6f9-c231bbd0c666` (deterministic evidence; editorial review pending)
6. **Features — Phone mockup with mobile feature list** (Home)
   A phone screenshot with store badges beside a short checklist shows what the mobile app does and where to get it.
   Capture: 1440×820px; page bounds 6107–6927px of 13158px; source section ID: `9f1e55f3-63f7-44fe-9a67-537c0862406c`; image: https://media.designdetails.io/library/af1816a2fae428a3a63338986318561d4b9a32e5c129108e2c234e6f836a7fc1/9f1e55f3-63f7-44fe-9a67-537c0862406c.webp
   SECTION.md v3.2: `9f1e55f3-63f7-44fe-9a67-537c0862406c` (deterministic evidence; editorial review pending)
7. **Process — Three onboarding steps with imagery** (Home)
   Stacked cards pair each switching step with a photo, a short description and checklists, making migration feel simple and staged.
   Capture: 1440×2066px; page bounds 6927–8993px of 13158px; source section ID: `bbd9723f-713c-4c6a-9bae-0fa3bca3a701`; image: https://media.designdetails.io/library/4fffc3b7628795cae3e15fb83c588b632f9b07beef54e86d5570db0b1afa80fd/bbd9723f-713c-4c6a-9bae-0fa3bca3a701.webp
   SECTION.md v3.2: `bbd9723f-713c-4c6a-9bae-0fa3bca3a701` (deterministic evidence; editorial review pending)
8. **Testimonials — Review grid with key numbers** (Home)
   A varied grid of short quotes with named people sits above large figures, so social proof and scale are read together.
   Capture: 1440×1410px; page bounds 8993–10403px of 13158px; source section ID: `32fe05ce-0d45-48b2-ab81-49fc3f6bf19e`; image: https://media.designdetails.io/library/4beebd6244ff629271200cb1c90fd7df6271c05a3554f06698a6930b172fdbf4/32fe05ce-0d45-48b2-ab81-49fc3f6bf19e.webp
   SECTION.md v3.2: `32fe05ce-0d45-48b2-ab81-49fc3f6bf19e` (deterministic evidence; editorial review pending)
9. **CTA — Photo banner with app download** (Home)
   A worker using a phone on a jobsite ties the headline to real use, with store buttons placed right beneath the text.
   Capture: 1440×720px; page bounds 10403–11123px of 13158px; source section ID: `fbf97c87-5198-4330-abcd-f31e71cc9a83`; image: https://media.designdetails.io/library/400753a6b31e93ca40a16c12ed7bb8e1bb869dcc41037628394bae1d5cb07753/fbf97c87-5198-4330-abcd-f31e71cc9a83.webp
   SECTION.md v3.2: `fbf97c87-5198-4330-abcd-f31e71cc9a83` (deterministic evidence; editorial review pending)
10. **FAQ — Accordion FAQ with contact card** (Home)
   Collapsible questions with the first answer open handle common objections, while a side contact card offers help for anything left unanswered.
   Capture: 1440×766px; page bounds 11123–11889px of 13158px; source section ID: `6f6ab0bf-08dc-451b-ae0a-5bcdb3c51e4a`; image: https://media.designdetails.io/library/7f507f52e8e8d943dfe50ca85abcae562bd35445443f20378c075b4bc7a7869d/6f6ab0bf-08dc-451b-ae0a-5bcdb3c51e4a.webp
   SECTION.md v3.2: `6f6ab0bf-08dc-451b-ae0a-5bcdb3c51e4a` (deterministic evidence; editorial review pending)
11. **Footer — Link columns footer with large logo** (Home)
   Grouped link columns, contact details and app badges give clear exits, and the oversized outline logo closes the page with branding.
   Capture: 1440×1269px; page bounds 11889–13158px of 13158px; source section ID: `4f94fd72-0669-4d5b-a5e3-83b3a7cc1c61`; image: https://media.designdetails.io/library/0d352f0499d177b8cb605a31e259f1ca0f31b602c5950df08bf4c288746277cb/4f94fd72-0669-4d5b-a5e3-83b3a7cc1c61.webp
   SECTION.md v3.2: `4f94fd72-0669-4d5b-a5e3-83b3a7cc1c61` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d6bfcec26a35ad34c8f9aa1ec7bba04cb92c3db2146bf0387878502922504e4d/desktop_full-f2c11696-2026-11-03T05-05-06-622Z.webp
- Mobile screenshot: https://media.designdetails.io/library/15c2e5d6634006d2db9947c81e9da95e2ea6c0ec375f4ec3db4adef79a7c2438/mobile_full-f2c11696-2026-11-03T05-05-58-285Z.webp
- Open Graph image: https://media.designdetails.io/library/3e52a813f7f41d37b073bef7413265ef6b11148805176c1c77659bfc1965f7d4/og_image-f2c11696-2026-11-03T05-05-14-718Z.webp
- Full-page video: https://media.designdetails.io/library/7bdff51c5b236f42bef6e13dfa4dcd3ea7de2049dff81a5244d88a1defa34ff2/motion-1793687384681.mp4
- Video poster: https://media.designdetails.io/library/ed83e62177a6262f5ddd94f21d04cd2e0c72ddce14813316687e02e08894a073/motion-poster-1793687384681.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Logo Strip
- Floating Product Card
- Tabs
- Testimonial Card
- Stat Block
- Primary Button
- Outline Button
- Footer
- FAQ Accordion
- Badge
- Sticky Scroll Storytelling
- Product UI Integration

## Quality rubric

Overall: 53.85/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Billdr executes a familiar, well-worn B2B SaaS/AI marketing template with competence: a disciplined neutral palette, a single typeface deployed with reasonable (if slightly inconsistent) hierarchy, and scroll-tied motion that ties product UI demonstrations into the narrative rather than using filler imagery. The sticky-scroll feature tours and named, attributed testimonials show attention to making content feel substantiated rather than generic. However, virtually every structural and interaction pattern — hero with floating product card, sticky nav/scroll content panels, logo trust strip, testimonial card grid, numeric stat band, step-based onboarding, FAQ accordion — is interchangeable with dozens of other contemporary SaaS or AI landing pages, and the typography reveals an unsystematic proliferation of near-duplicate sizes rather than a tight scale. The result is a solid, serviceable-to-competent execution of an established idiom rather than a site with distinguishing, hard-to-substitute design ideas, which keeps the overall rating in the competent band rather than good or strong.

- Typography (15%): 59 — A single typeface (Neuemontreal) is used system-wide with a reasonably clear hierarchy (56px hero, 48px section heads, 16px body) and consistent tight negative tracking on headlines. However, the DOM data shows dozens of near-duplicate size/line-height/letter-spacing combinations (e.g. 16px/24, 16px/20.8, 16px/22.4, 16px/19.2) that suggest an ad hoc per-component scale rather than a disciplined type system. Inter is mixed in for UI-mockup chrome, which is appropriate but not harmonized with any documented secondary-role logic.
- Color (10%): 58 — The palette is restrained and functional: off-white/white canvas, dark-gray text, single blue (#4959E4) for primary actions, muted gray for secondary text. This produces clean legibility but is a conventional SaaS palette with no distinctive color logic beyond the standard neutral+single-accent formula; occasional stray hues (orange, green, red) appear only inside product-mockup data visualizations, not as a considered part of the marketing palette.
- Layout (20%): 63 — The page uses a coherent, repeatable grid: centered max-width content column, card grids for testimonials and stats, consistent section padding, and a sticky-left/scrolling-right pattern used twice (feature workflow and AI workforce sections). This is competently assembled and legible, but it is a very standard long-scroll SaaS layout template (hero, logo strip, sticky feature tour, testimonial carousel, stat band, onboarding steps, FAQ, footer) without a structural idea unique to this product.
- Motion (20%): 60 — Motion is scroll-driven and reasonably systematic: progressive text reveals, floating icon parallax, sticky-scroll tab switching tied to scroll position, and animations that appear to reverse on scroll-up. This is more considered than a single scroll-fade but remains within the now-common 'scrollytelling SaaS' vocabulary; no evidence of refined easing, staggering craft, or performance quality is available, so claims of smoothness cannot be made.
- Originality (25%): 32 — Every major pattern here — hero with floating product-mockup card, sticky-scroll feature storytelling, logo trust strip, testimonial card grid, numeric stat band, step-based onboarding, FAQ accordion — is a widely-used template across contemporary B2B SaaS/AI marketing sites. Nothing observed constitutes a hard-to-substitute idea specific to construction or to this brand; the AI 'copilot personas' (Bob, Bruno, Billie) are a mild differentiator but are presented through entirely generic chat-UI mockups.
- Content (10%): 66 — Content integration is a relative strength: the product UI mockups (chat panels, financial charts, project lists, onboarding checklists) are woven directly into the scroll narrative to demonstrate actual functionality rather than using generic stock photography, and testimonials are anchored with named, attributed quotes. This ties content to layout/motion more purposefully than typical marketing filler.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A warm photo of an architect's blueprint behind bold white type sets a jobsite mood right away, while a small named video testimonial and client logo row build trust before any features appear. Further down, pale grey panels with named AI assistants and chat bubbles break the long page into easy chapters and show the product in plain conversational terms.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.