# Comulate: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.comulate.com/
Captured: 2026-11-03
CSS measured: 2026-11-03T05:17:15.070Z at 1440×1000 — https://www.comulate.com/
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

Comulate's website exhibits a clean, modern, and corporate design tailored to its target audience of large brokers. The visual language relies heavily on a structured layout, a subdued color palette accented by purposeful greens, and typography that balances technical monospaced elements with approachable sans-serif headings. It integrates subtle gradients and mock UI components to illustrate functionality.

## Classification

- Industry: finance
- Site type: Portfolio
- Business model: Software, Portfolio
- Styles: corporate, minimal, typographic, geometric, ui-centric
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Knapp — weight 500; size 60.8px; line-height 69.3px; tracking normal; Regular (95% role confidence, computed values)
- Heading: Knapp — weight 500; size 48px; line-height 62.4px; tracking normal; Regular (90% role confidence, computed values)
- Body: Soehne — weight 400; size 16px; line-height 22.4px; tracking normal; Regular (90% role confidence, computed values)
- Mono: Soehne mono kraftig — weight 400; size 8px; line-height 8px; tracking normal; Regular (85% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White background used extensively across the main content areas. (95% role confidence, computed values)
- Text — text #0F4F48: color-2: computed rgb(15, 79, 72); AI role: Dark green (#0F4F48) used for primary text headings and icons. (95% role confidence, computed values)
- Primary Action — primary action #4ADF7D: color-10: computed rgb(74, 223, 125); AI role: Bright green (#4ADF7D) used for primary CTA buttons. (95% role confidence, computed values)
- Surface — surface #F9F7F2: color-1: computed rgb(249, 247, 242); AI role: Off-white (#F9F7F2) used for background sections to create contrast with the main canvas. (90% role confidence, computed values)
- Muted Text — muted text #262626: color-22: computed rgb(38, 38, 38); AI role: Dark grey (#262626) used for body paragraphs. (85% role confidence, computed values)
- Border — border #D1D5DB: color-11: computed rgb(209, 213, 219); AI role: Light grey (#D1D5DB) used for borders around cards and inputs. (80% 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": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "38.4px",
    "lineHeight": "49.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h1",
        "text": "Direct Bill Automation",
        "top": 5167,
        "property": "font"
      },
      {
        "tag": "h1",
        "text": "Carrier Payables Automation",
        "top": 5774,
        "property": "font"
      },
      {
        "tag": "h1",
        "text": "Revenue Intelligence",
        "top": 6679,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "17.6px",
    "lineHeight": "24.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Reduce 90%+ of manual and error-prone accounting work with purpose-built end-to-end direct bill auto",
        "top": 5229,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Reimagine the carrier payables workflow to automate reconciliation, prevent NOCs, auto-route discrep",
        "top": 5836,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Unlock unprecedented visibility and insights to identify missing commissions and optimize carrier st",
        "top": 6741,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "62.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Automation that makes other “automation” feel manual",
        "top": 4815,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Unparalleled forecasting and variance tracking",
        "top": 6327,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "60.8px",
    "lineHeight": "69.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "How the top 100 brokers automate accounting",
        "top": 241,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "For decades, broker accounting teams managed increasing workloads and complexity without end. Until ",
        "top": 1210,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "direct bill",
        "top": 1231,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Accounting Automation & Revenue Intelligence for Large Brokers",
        "top": 10023,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 46,
    "contexts": [
      {
        "tag": "div",
        "text": "For",
        "top": 1243,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "decades,",
        "top": 1243,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "broker",
        "top": 1243,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "Capture transaction details from 100% of carrier statements – in spreadsheets, PDFs, snail mail, and",
        "top": 5333,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Automatically reconcile most transactions to policies in one or more integrated AMS databases, even ",
        "top": 5427,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Post reconciliations directly to your AMS or ERP’s ledger in one-click",
        "top": 5521,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "38.4px",
    "lineHeight": "48px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "We're using",
        "top": 7354,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Epic",
        "top": 7298,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "BenefitPoint",
        "top": 7354,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "About",
        "top": 9981,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Careers",
        "top": 9981,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Terms",
        "top": 9981,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Soehne mono kraftig",
    "fontStack": "\"Soehne mono kraftig\", sans-serif",
    "weight": "400",
    "size": "8px",
    "lineHeight": "8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Policy",
        "top": 573,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "KT DIS",
        "top": 590,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "323.89",
        "top": 361,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "See a demo",
        "top": 138,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "See Integrations",
        "top": 7525,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Read the case study",
        "top": 9202,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "“Our accounting team raves about it with unique passion”",
        "top": 2052,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "“Best thing since sliced bread”",
        "top": 2063,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "“Comulate continually pushes the boundaries of what we imagined possible”",
        "top": 2061,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Jeff Nickles",
        "top": 2261,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Lexi Luce",
        "top": 2262,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Philip Mortimer",
        "top": 2260,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Soehne mono buch",
    "fontStack": "\"Soehne mono buch\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Chief Innovation Officer",
        "top": 2285,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Billing Specialist",
        "top": 2290,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Chief Financial Officer",
        "top": 2288,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "600",
    "size": "72px",
    "lineHeight": "86.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "90%",
        "top": 8406,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "4%",
        "top": 8406,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "35%",
        "top": 8406,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "31.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "“In under a month we saw our direct bill revenue processes become 90% faster. We were finally able t",
        "top": 8940,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "“We went from planning to hire more dedicated people for this role, to significantly reducing the ti",
        "top": 8940,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "\"The back office hasn’t been the beneficiary of high-quality software that actually delivers—no less",
        "top": 8940,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Less manual work",
        "top": 8500,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Revenue lift *",
        "top": 8500,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Improved production data quality",
        "top": 8500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Soehne mono kraftig",
    "fontStack": "\"Soehne mono kraftig\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Case Studies",
        "top": 8910,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Case Studies",
        "top": 8910,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Press",
        "top": 8910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Soehne mono kraftig",
    "fontStack": "\"Soehne mono kraftig\", sans-serif",
    "weight": "500",
    "size": "12.8px",
    "lineHeight": "17.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Decisive choice for",
        "top": 5132,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Industry first",
        "top": 5739,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "“Flying blind” no longer",
        "top": 6644,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "We care about your data in our privacy policy.",
        "top": 9687,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "privacy policy",
        "top": 9688,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Knapp",
    "fontStack": "Knapp, sans-serif",
    "weight": "500",
    "size": "22.4px",
    "lineHeight": "32px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Court Declines to Intervene as Applied Forecloses Competition",
        "top": 53,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Comulate’s native AMS and CRM read/write integrations sync policy data in realtime, enable one-click",
        "top": 7439,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "WistiaPlayerInter",
    "fontStack": "WistiaPlayerInter, Helvetica, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Click for sound",
        "top": 7799,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Arial",
    "fontStack": "Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Press O for more options",
        "top": 7760,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Soehne mono buch",
    "fontStack": "\"Soehne mono buch\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "20px",
    "letterSpacing": "2.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Applied Systems Antitrust Litigation",
        "top": 25,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "WistiaPlayerInterNumbersSemiBold",
    "fontStack": "WistiaPlayerInterNumbersSemiBold, Helvetica, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "34px",
    "letterSpacing": "0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "2:04",
        "top": 8236,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Soehne mono kraftig",
    "fontStack": "\"Soehne mono kraftig\", sans-serif",
    "weight": "500",
    "size": "12.8px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Integrations",
        "top": 7309,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "12.8px",
    "lineHeight": "15.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "All rights reserved. All third party trademarks (including logos and icons) referenced by us remain ",
        "top": 10055,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Covered by U.S. Patent Nos. 12,548,085, 12,572,984, 12,602,731, 12,682,404, and 12,694,084, and pate",
        "top": 10132,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Soehne",
    "fontStack": "Soehne, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 139,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Integrations",
        "top": 139,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Customers",
        "top": 139,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F9F7F2",
    "alpha": 1,
    "cssValue": "rgb(249, 247, 242)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Automation that makes other “automation” feel manualDecisive choice forDirect Bill AutomationReduce ",
        "top": 4687,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Automation that makes other “automation” feel manualDecisive choice forDirect Bill AutomationReduce ",
        "top": 4687,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0F4F48",
    "alpha": 1,
    "cssValue": "rgb(15, 79, 72)",
    "count": 169,
    "contexts": [
      {
        "tag": "div",
        "text": "Applied Systems Antitrust Litigation",
        "top": 25,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 40,
        "property": "svg-stroke"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 139,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 131,
    "contexts": [
      {
        "tag": "body",
        "text": "Applied Systems Antitrust LitigationCourt Declines to Intervene as Applied Forecloses Competition <i",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-N62TZP7C\" height=\"0\" width=\"0\" style=\"d",
        "top": 110,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 7958,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F4F1E9",
    "alpha": 1,
    "cssValue": "rgb(244, 241, 233)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Applied Systems Antitrust LitigationCourt Declines to Intervene as Applied Forecloses Competition",
        "top": 0,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Case Studies“In under a month we saw our direct bill revenue processes become 90% faster. We were fi",
        "top": 8656,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 0.12549019607843137,
    "cssValue": "rgba(255, 255, 255, 0.125)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7844,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#D1E9FE",
    "alpha": 1,
    "cssValue": "rgb(209, 233, 254)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "90%",
        "top": 8406,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "All rights reserved. All third party trademarks (including logos and icons) referenced by us remain ",
        "top": 10055,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#0F4F48",
    "alpha": 0.8509803921568627,
    "cssValue": "rgba(15, 79, 72, 0.85)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8236,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#B6DCFF",
    "alpha": 1,
    "cssValue": "rgb(182, 220, 255)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1687,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#4ADF7D",
    "alpha": 1,
    "cssValue": "rgb(74, 223, 125)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "See a demo",
        "top": 128,
        "property": "control-background"
      },
      {
        "tag": "input",
        "text": "",
        "top": 9637,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#D1D5DB",
    "alpha": 1,
    "cssValue": "rgb(209, 213, 219)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "“Our accounting team raves about it with unique passion”Jeff NicklesChief Innovation Officer",
        "top": 2006,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#104E49",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(15, 79, 72, 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7958,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Policy",
        "top": 573,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "@keyframes VOLUME_SMALL_WAVE_FLASH { 0% { opacity: 0; } 33% { opacity: 1; } 66% { opacity: 1; } 100%",
        "top": 7783,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#144E45",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(15, 79, 72, 0.1)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5402,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#000000",
    "alpha": 0.8,
    "cssValue": "rgba(0, 0, 0, 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Click for sound @keyframes VOLUME_SMALL_WAVE_FLASH { 0% { opacity: 0; } 33% { opacity: 1; } 66% { op",
        "top": 7781,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#E5E5E5",
    "alpha": 1,
    "cssValue": "rgb(229, 229, 229)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "PolicyKT DIS",
        "top": 562,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#E45636",
    "alpha": 1,
    "cssValue": "rgb(228, 86, 54)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Applied Systems Antitrust LitigationCourt Declines to Intervene as Applied Forecloses Competition",
        "top": 0,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#105048",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(15, 79, 72, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-N62TZP7C\" height=\"0\" width=\"0\" style=\"d",
        "top": 110,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#73BEFF",
    "alpha": 0.2,
    "cssValue": "rgba(117, 189, 255, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "23.62",
        "top": 388,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#282373",
    "alpha": 0.2,
    "cssValue": "rgba(42, 37, 114, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "4,410.40",
        "top": 373,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#0F5046",
    "alpha": 0.2,
    "cssValue": "rgba(15, 79, 72, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "323.89",
        "top": 357,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#262626",
    "alpha": 1,
    "cssValue": "rgb(38, 38, 38)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "For decades, broker accounting teams managed increasing workloads and complexity without end. Until ",
        "top": 1210,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "direct bill",
        "top": 1231,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FF3C0F",
    "alpha": 0.2,
    "cssValue": "rgba(255, 60, 17, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "3,649.40",
        "top": 683,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#D0D5DD",
    "alpha": 1,
    "cssValue": "rgb(208, 213, 221)",
    "count": 4,
    "contexts": [
      {
        "tag": "input",
        "text": "",
        "top": 9637,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#FFB74E",
    "alpha": 0.1803921568627451,
    "cssValue": "rgba(255, 184, 78, 0.18)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "KT DIS",
        "top": 586,
        "property": "background"
      }
    ]
  }
]
```

### 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 vertical spacing between major sections, with tighter grouping within components like feature cards and testimonials.
- Corner style: Slightly rounded corners on buttons, inputs, and cards.
- Radius: Small to medium border-radius on elements like the 'See a demo' button and testimonial cards.
- Borders: Thin, subtle borders used primarily for structure (e.g., grid lines in the hero, card outlines).
- Buttons: Solid fill for primary actions, outline style for secondary actions.
- Content width: Centered, constrained max-width for readable text blocks, with some full-width background bands.
- Density: Relatively low density; plenty of whitespace to emphasize key messages and visual mockups.
- Evidence: Observed in the layout of the hero section, the spacing of feature descriptions, and the styling of UI components.

## Sections

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

1. **Navbar — Comulate: Funding, Investors & Jobs Navbar** (Home)
   A slim news banner above a compact menu keeps links and one bright demo button easy to find without crowding the page.
   Capture: 1440×190px; page bounds 0–190px of 9244px; source section ID: `f14512e1-ca1b-4b37-8bd2-2e393bd94117`; image: https://media.designdetails.io/library/a61a4127225f7b1d357dc605122df631c98ef937abd7e5834c28e26f67fb86bd/f14512e1-ca1b-4b37-8bd2-2e393bd94117.webp
   SECTION.md v3.2: `f14512e1-ca1b-4b37-8bd2-2e393bd94117` (deterministic evidence; editorial review pending)
2. **Hero — Headline over gradient with logo grid** (Home)
   A large dark headline on a soft gradient, set beside a ruled grid of client logos, gives instant credibility and a clear focus.
   Capture: 1440×1021px; page bounds 190–1211px of 9244px; source section ID: `a315b426-cb6a-4152-9cac-9505a3095460`; image: https://media.designdetails.io/library/b3d630180c2d49d999e9abe70f8c93edd65606e499f307997ea9a69b6d2755cf/a315b426-cb6a-4152-9cac-9505a3095460.webp
   SECTION.md v3.2: `a315b426-cb6a-4152-9cac-9505a3095460` (deterministic evidence; editorial review pending)
3. **Other — Centered positioning statement paragraph** (Home)
   Short centered paragraphs with generous white space state the product's value plainly and let visitors read the claim in seconds.
   Capture: 1440×476px; page bounds 1211–1687px of 9244px; source section ID: `acefeedb-83a3-4e51-8dcb-ea001023a847`; image: https://media.designdetails.io/library/faee95a1bf30afd395e2229bec15b9de9fa9e516a8f1bdf509a64108ce051e64/acefeedb-83a3-4e51-8dcb-ea001023a847.webp
   SECTION.md v3.2: `acefeedb-83a3-4e51-8dcb-ea001023a847` (deterministic evidence; editorial review pending)
4. **Testimonials — Hanging quote card on string** (Home)
   A single quote card with client logo and name hangs in open space, making one endorsement feel personal and memorable.
   Capture: 1440×2000px; page bounds 1687–3687px of 9244px; source section ID: `b7b2c8e0-55f3-4d90-983d-0eb4920425d0`; image: https://media.designdetails.io/library/4de0d3b260c574c758019fa491b4f8063c180088db58894046787cb7842c8c1b/b7b2c8e0-55f3-4d90-983d-0eb4920425d0.webp
   SECTION.md v3.2: `b7b2c8e0-55f3-4d90-983d-0eb4920425d0` (deterministic evidence; editorial review pending)
5. **Features — Alternating feature rows with product visuals** (Home)
   Each row pairs a heading, short description and tick-marked benefits with a product image, so visitors scan capabilities and see proof together.
   Capture: 1440×2494px; page bounds 3687–6181px of 9244px; source section ID: `502a0fc1-48ab-461a-832e-ac2771257c1f`; image: https://media.designdetails.io/library/008c8b72a44825faf9a6b964adcdc2c87f020dac0085026ca3112db3f1bff1dc/502a0fc1-48ab-461a-832e-ac2771257c1f.webp
   SECTION.md v3.2: `502a0fc1-48ab-461a-832e-ac2771257c1f` (deterministic evidence; editorial review pending)
6. **Other — Integration callout with link button** (Home)
   One short headline, a supporting line and an outlined button keep the integration message focused and give a clear next step.
   Capture: 1440×571px; page bounds 6181–6752px of 9244px; source section ID: `0533b76b-6589-4df7-ad5a-a721d6a99283`; image: https://media.designdetails.io/library/8c809a3cfc5f8ed2fc705971b17dd7166db41390c2c07bcbcb5bdbb163717859/0533b76b-6589-4df7-ad5a-a721d6a99283.webp
   SECTION.md v3.2: `0533b76b-6589-4df7-ad5a-a721d6a99283` (deterministic evidence; editorial review pending)
7. **Testimonials — Video, key stats and case study cards** (Home)
   A video and bold white numbers on dark green lead into three image-topped story cards, mixing proof by format for quick scanning.
   Capture: 1440×1508px; page bounds 6752–8260px of 9244px; source section ID: `3ea3c266-f374-4670-b538-745d28f0319c`; image: https://media.designdetails.io/library/d0d2612c25c5a1fd6db475e936a14cd87a1c1e515feea5be91ddea06772c2d04/3ea3c266-f374-4670-b538-745d28f0319c.webp
   SECTION.md v3.2: `3ea3c266-f374-4670-b538-745d28f0319c` (deterministic evidence; editorial review pending)
8. **CTA — Dark green email demo banner** (Home)
   A contrasting green panel with a short headline and an inline email field with bright button makes booking a demo effortless.
   Capture: 1440×609px; page bounds 8260–8869px of 9244px; source section ID: `50f642b9-1b7e-4e7f-89e5-facc086cf657`; image: https://media.designdetails.io/library/001db319193a42bcd22346ef7c9df34a4765eaf7f517e67c4f2214a58d4c7b14/50f642b9-1b7e-4e7f-89e5-facc086cf657.webp
   SECTION.md v3.2: `50f642b9-1b7e-4e7f-89e5-facc086cf657` (deterministic evidence; editorial review pending)
9. **Footer — Plain dark green footer band** (Home)
   A solid green band with faint line patterns closes the page in the brand colour without distracting from the call to action.
   Capture: 1440×375px; page bounds 8869–9244px of 9244px; source section ID: `d3cb1c23-563b-443d-8939-b0ec781e3c76`; image: https://media.designdetails.io/library/404f4683e6fc427fe5c56f799c7579250e4a82756bb8835e990b9ab984bd3e1c/d3cb1c23-563b-443d-8939-b0ec781e3c76.webp
   SECTION.md v3.2: `d3cb1c23-563b-443d-8939-b0ec781e3c76` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/f9a7a698cd77915bf78dfe36d2a6edf5b655574d58ffc748cf0148b8f8a9bc71/desktop_full-c069707e-2026-11-03T05-17-15-083Z.webp
- Mobile screenshot: https://media.designdetails.io/library/b92cb85423c6c1abf8a7acb81b9dfe50e8476d89ade1a8a52578083324929255/mobile_full-c069707e-2026-11-03T05-17-59-989Z.webp
- Open Graph image: Not captured
- Full-page video: https://media.designdetails.io/library/c98a2802787beb8052036bf90fc75a58345b756b8f64de15b882867794143978/motion-1793689225836.mp4
- Video poster: https://media.designdetails.io/library/bcf3e7d9a8542fbf31edd4a3e47cace78bc6151dee65a5d7b3b8e83eafd1dcd1/motion-poster-1793689225836.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

- Announcement Bar
- Navigation Bar
- Hero With Background Imagery
- Floating Product Card
- Feature Card
- Testimonial Card
- Editorial Card
- Video Frame
- Primary Button
- Outline Button
- Newsletter Form
- Footer

## Quality rubric

Overall: 56.4/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Comulate's site is a well-executed, professional B2B SaaS marketing page that successfully uses its visual system—dual-voice typography, a disciplined green palette, and data-styled mock UI cards—to reinforce its accounting-automation pitch to a specific audience of large insurance brokers. Content and design are genuinely linked: reconciliation tables, premium statements, and forecast charts visually substantiate the exact claims in the adjacent copy, which is a real strength often missing in generic SaaS sites. Motion is more varied than average, pairing parallax, card-stacking, a self-drawing chart, and a panel-expand CTA, each tied to a specific narrative beat rather than being purely decorative. That said, the site does not transcend its genre. The hero's floating UI snippets, the stacking testimonial cards, the alternating feature/mockup blocks repeated three times, and the three-card stat/case-study grids are all recognizable patterns from the current wave of fintech/SaaS marketing sites; nothing here would be hard for a competitor to replicate with a template and a different color story. The palette, while clean and on-brand, follows a conventional single-accent-on-neutral formula, and typography—though hierarchically clear—doesn't take any distinctive risks. The result is a tasteful, competent execution that serves its commercial purpose well but lacks the structural novelty, restraint-with-surprise, or signature interaction needed to be considered a standout or landmark piece of design.

- Typography (15%): 62 — A deliberate two-voice type system pairs a rounded display face (Knapp) for headlines with Soehne for body copy and Soehne Mono for data labels/eyebrows, which coherently reinforces the 'accounting software' narrative. Hierarchy is clear (60.8px hero down to 12.8px labels) and a few expressive choices exist (negative tracking on testimonial quotes, uppercase tracked eyebrow text, oversized 72px stat numerals). However, execution is fairly conventional SaaS typesetting—sizes and weights follow predictable patterns, line-heights are standard, and there's no distinctive type-driven moment that elevates it past a well-executed but familiar system.
- Color (10%): 58 — The palette is restrained and purposeful: a deep green (#0F4F48) carries brand identity across text, icons, and the dark CTA band, paired with a bright mint-green action color (#4ADF7D) and warm neutral canvases (#FFFFFF, #F9F7F2, #F4F1E9). Data-visualization accent colors (blue, orange, red at low alpha) are used functionally in mock UI cards to signal status. This is a competent, on-brand system with good contrast discipline, but the overall approach—single accent green against neutral off-white backgrounds—is a common SaaS pattern and doesn't push into a memorable or risk-taking chromatic identity.
- Layout (20%): 65 — The page follows a clear, well-structured narrative: hero with grid-lined logo wall, problem statement, testimonial stack, three paired feature/mockup sections, integration showcase with video, stat band, case-study cards, and CTA/footer. Grid alignment is visible in the hero (vertical/horizontal rule overlay) and feature sections alternate text-left/mockup-right in a readable rhythm. Generous whitespace and consistent max-width content blocks support scanability. However, the structure is a fairly standard long-scroll SaaS template (alternating feature blocks, 3-up testimonial/case-study grids) without unconventional compositional risks, and some repetition (near-identical section backgrounds, similar card shapes) limits visual distinctiveness.
- Motion (20%): 55 — Observed motion includes a parallax hero logo grid, scroll-triggered testimonial card stacking, a self-drawing line chart, and an expanding CTA background—four distinct, purposeful scroll-linked behaviors rather than one-off hero effects. This shows more motion variety than typical marketing sites and ties animation to content reveal (chart drawing reinforces the forecasting message). However, these are common contemporary scroll-animation patterns (parallax, card-stack reveal, path-draw chart, panel expand) without an inventive signature interaction; no hover/micro-interaction evidence was provided, and claims about smoothness or easing quality cannot be verified from the evidence.
- Originality (25%): 42 — Individually the components—floating mock UI snippets in the hero, a stacking testimonial deck, a self-drawing forecast chart, and an expanding CTA panel—are reasonably crafted, but each is a well-known pattern from contemporary B2B SaaS design (Linear/Stripe-adjacent floating card hero, card-stack testimonials, animated line charts explaining a 'forecasting' feature). The site does not introduce a structural idea, interaction model, or visual motif that would be hard to substitute with a template; it reads as competent execution of an established genre rather than a distinct point of view.
- Content (10%): 68 — Design and content are well-integrated for a B2B audience: mock UI cards directly visualize the specific product claims being made (policy reconciliation, carrier bill amounts, forecast variance), feature copy is paired one-to-one with a relevant mockup, and customer proof (testimonials, named case studies, stat callouts) is placed adjacently to reinforce credibility. The monospace labels inside UI mockups (policy numbers, amounts) tie typography choices to the product's data-heavy domain. This is a genuine case of visual system serving message, though it stops short of exceptional because the mockups are illustrative renderings rather than deeper, varied evidence (e.g., no interactive demo), and testimonial/stat sections use fairly generic card formats.

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 soft blue-to-orange gradient hero is overlaid with a ruled grid holding floating transaction cards and customer logos, turning dry accounting data into a tidy visual diagram. Bold dark green headlines and generous white space pace the long page into clear chapters, while screenshots paired with percentage stats and client quotes build trust in the product's results.

## 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.