# Monk: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://monk.com/
Captured: 2026-11-03
CSS measured: 2026-11-03T04:44:19.709Z at 1440×1000 — https://monk.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

The Monk website employs a sophisticated, editorial design language tailored for a B2B finance audience. It pairs a classic serif typeface (Reckless) for expressive headings with a clean sans-serif (PP Neue Montreal) for functional body copy. The color palette is grounded in warm, off-white canvas tones and dark charcoal text, punctuated by a vibrant orange for primary actions. The layout is structured and minimal, utilizing generous whitespace, sharp corners, and subtle borders to organize complex information and product UI mockups clearly.

## Classification

- Industry: finance
- Site type: Landing
- Business model: Software
- Styles: editorial, minimal, corporate, warm-toned
- Platform: Custom code
- Technology: Astro, GSAP

## Typography

- Display: Reckless Condensed — weight 400; size 132px; line-height 132px; tracking -1.3px; Regular (95% role confidence, computed values)
- Heading: Reckless — weight 400; size 48px; line-height 52.8px; tracking -0.5px; Regular (95% role confidence, computed values)
- Body: PP Neue Montreal — weight 400; size 16px; line-height 22.4px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #F6F5EF: color-2: computed rgb(246, 245, 239); AI role: #F6F5EF used as the primary warm off-white background for many page sections. (95% role confidence, computed values)
- Text — text #272725: color-6: computed rgb(39, 39, 37); AI role: #272725 used for primary headings and high-contrast body text. (95% role confidence, computed values)
- Primary Action — primary action #F96503: color-16: computed rgb(249, 101, 3); AI role: #F96503 (orange) used consistently for primary CTA buttons and interactive highlights. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: #FFFFFF used for cards, input fields, and contrasting sections against the off-white canvas. (90% role confidence, computed values)
- Muted Text — muted text #525251: color-8: computed rgb(82, 82, 81); AI role: #525251 used for secondary descriptions and less prominent text elements. (90% role confidence, computed values)
- Border — border #E5E3D8: color-12: computed rgb(229, 227, 216); AI role: #E5E3D8 used for subtle borders and dividers between sections and table rows. (85% 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": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 58,
    "contexts": [
      {
        "tag": "span",
        "text": "Hi Steve,",
        "top": 428,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sure! See attached!",
        "top": 463,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Average DSO reduction",
        "top": 1504,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Reckless",
    "fontStack": "Reckless, serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trusted by",
        "top": 872,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Solve the last mile of collections",
        "top": 2146,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Automate cash application",
        "top": 2364,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "when a customer claims payment was already sent or cleared",
        "top": 6224,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "when a customer questions an amount or says the invoice is wrong",
        "top": 6224,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "when a customer disputes a renewal or asks to cancel after renewing",
        "top": 6224,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "h3",
        "text": "Customer says they already paid",
        "top": 6200,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Disputed amount or billing error",
        "top": 6200,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Auto-renewal disputed",
        "top": 6200,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "25.4px",
    "lineHeight": "22.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "$34.0Macross 1164 invoices",
        "top": 6295,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "987handled by Monk",
        "top": 6295,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "146 hours",
        "top": 6295,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Reckless",
    "fontStack": "Reckless, serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "h2",
        "text": "Real impact for real clients",
        "top": 1438,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "End-to-end accounts receivable workflows",
        "top": 2953,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "About the platform",
        "top": 5766,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Reckless",
    "fontStack": "Reckless, serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Reduce DSO",
        "top": 3219,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Solve cash application",
        "top": 3826,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Get paid with payment portal",
        "top": 4432,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "30.1px",
    "lineHeight": "27.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Collection report",
        "top": 6076,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Knowledge",
        "top": 6070,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Collections",
        "top": 6070,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "132px",
    "lineHeight": "132px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "Get paid fast",
        "top": 586,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Onboard and see results in under a month",
        "top": 12043,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "56px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Why companies choose Monk",
        "top": 2187,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Reckless",
    "fontStack": "Reckless, serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Most finance leaders can recite revenue, but far fewer can say how long it takes that revenue to bec",
        "top": 10944,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "38px",
    "lineHeight": "34.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "New knowledge",
        "top": 6051,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Reckless Condensed",
    "fontStack": "\"Reckless Condensed\", serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "34.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "NetSuite Integration",
        "top": 6297,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "11.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 136,
    "contexts": [
      {
        "tag": "p",
        "text": "Collection metrics showing automated messages, manual interventions, and total collections over time",
        "top": 6131,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Guidance your AI agents apply across Monk.",
        "top": 6110,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "＋ Start from scratch",
        "top": 6107,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "8.7px",
    "lineHeight": "11.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "$0",
        "top": 6660,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$15M",
        "top": 6611,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$30M",
        "top": 6561,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "8.7px",
    "lineHeight": "10.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 23,
    "contexts": [
      {
        "tag": "p",
        "text": "Outstanding balance · opening vs closing",
        "top": 6414,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Selected period · partial weeks",
        "top": 6414,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "$31.0M collected after follow-up · 91.2% of total collections",
        "top": 6820,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Keep each entry to one clear instruction for your agents.",
        "top": 6091,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "Applies to",
        "top": 6127,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "Use in",
        "top": 6191,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Arial",
    "fontStack": "Arial, sans-serif",
    "weight": "400",
    "size": "10.3px",
    "lineHeight": "11.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Quickbooks",
        "top": 6240,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Zoho",
        "top": 6240,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Oracle Fusion Cloud",
        "top": 6240,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Arial",
    "fontStack": "Arial, sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "11.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Sync your invoices and financial data to QuickBooks",
        "top": 6268,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Connect Zoho to sync ERP customers, invoices, and payments.",
        "top": 6268,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sync ERP customers, invoices, and payments from Oracle.",
        "top": 6268,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "10.3px",
    "lineHeight": "11.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Xero",
        "top": 6240,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Odoo",
        "top": 6347,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NetSuite",
        "top": 6455,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "11.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi, We are reviewing invoice INV-forecast2026-08-27-001, but the usage pricing does not match our re",
        "top": 6230,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hi, We need to hold payment on invoice INV-forecast2026-08-27-005. The services delivered this month",
        "top": 6316,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hi, We need to hold payment on invoice INV-202608-005. The services delivered this month do not matc",
        "top": 6401,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\"",
    "weight": "400",
    "size": "24.3px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi Sarah,",
        "top": 4560,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Invoice #1048 has beenissued to you for $5,000.",
        "top": 4589,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Julia",
        "top": 4649,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Reckless",
    "fontStack": "Reckless",
    "weight": "400",
    "size": "54.1px",
    "lineHeight": "59.5px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Buildingyour playbook...",
        "top": 3413,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Monk is the leading AI-native accounts receivable for finance teams, turning collections into cash f",
        "top": 742,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Monk detects a disputed invoice, identifies a potential duplicate charge, resolves the dispute, and ",
        "top": 5509,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 75,
    "contexts": [
      {
        "tag": "a",
        "text": "Platform",
        "top": 42,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Solutions",
        "top": 42,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Partners",
        "top": 42,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "10.3px",
    "lineHeight": "12.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 37,
    "contexts": [
      {
        "tag": "span",
        "text": "Overview",
        "top": 6182,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Activity",
        "top": 6182,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Agent effectiveness",
        "top": 6182,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "7.5px",
    "lineHeight": "8.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "ENABLED",
        "top": 6214,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ENABLED",
        "top": 6239,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ENABLED",
        "top": 6265,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "6.3px",
    "lineHeight": "7.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 28,
    "contexts": [
      {
        "tag": "small",
        "text": "across 1164 invoices",
        "top": 6316,
        "property": "font"
      },
      {
        "tag": "small",
        "text": "handled by Monk",
        "top": 6316,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "OVERDUE",
        "top": 6232,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "a",
        "text": "How Profound solved post-sales admin, accelerating GTM",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Amy Chen",
        "top": 7742,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "·",
        "top": 7742,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "% of companies",
        "top": 11162,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "30",
        "top": 11065,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "20",
        "top": 11148,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "7.9px",
    "lineHeight": "9.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "TOTAL COLLECTED",
        "top": 6252,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AUTOMATED FOLLOW-UPS",
        "top": 6252,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "TEAM TIME SAVED",
        "top": 6252,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "14.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "All",
        "top": 6159,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Accounting",
        "top": 6159,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Billing System",
        "top": 6159,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "7.1px",
    "lineHeight": "8.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "small",
        "text": "28",
        "top": 6155,
        "property": "font"
      },
      {
        "tag": "small",
        "text": "14",
        "top": 6155,
        "property": "font"
      },
      {
        "tag": "small",
        "text": "13",
        "top": 6155,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Reckless",
    "fontStack": "Reckless",
    "weight": "400",
    "size": "48px",
    "lineHeight": "43.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "I",
        "top": 5041,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "n",
        "top": 5041,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "v",
        "top": 5041,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "SSO",
        "top": 10424,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Role-based access",
        "top": 10424,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "On-prem available",
        "top": 10424,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Customers",
        "top": 1257,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Intelligent collections",
        "top": 3588,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Cash application",
        "top": 4195,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Reckless",
    "fontStack": "Reckless, serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "0.5px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "What is Monk?",
        "top": 13908,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "How much does the Monk platform cost?",
        "top": 13986,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "When can I see results?",
        "top": 14063,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "aging reduction",
        "top": 7713,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "headcount saved",
        "top": 7713,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "saved per month",
        "top": 7713,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "PP Neue Montreal",
    "fontStack": "\"PP Neue Montreal\", sans-serif",
    "weight": "400",
    "size": "64px",
    "lineHeight": "64px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": ">40%",
        "top": 1462,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "~26 hrs",
        "top": 1575,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "87%",
        "top": 1688,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 75,
    "contexts": [
      {
        "tag": "span",
        "text": "Request demo",
        "top": 46,
        "property": "text"
      },
      {
        "tag": "h1",
        "text": "Get paid fast",
        "top": 586,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Monk is the leading AI-native accounts receivable for finance teams, turning collections into cash f",
        "top": 742,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F6F5EF",
    "alpha": 1,
    "cssValue": "rgb(246, 245, 239)",
    "count": 59,
    "contexts": [
      {
        "tag": "div",
        "text": "FROMEndurance Solution Inc.INVOICEInvoice No. #1048BILL TO10 Blip AveNew York, NY 10001United States",
        "top": 3139,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "About the platformMonk gets you paid fast and reduces strain on your team so you can focus on growin",
        "top": 5638,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "OverviewActivityAgent effectiveness Oct 01, 2026 - Oct 09, 2026",
        "top": 6182,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#5C3B31",
    "alpha": 1,
    "cssValue": "rgb(92, 59, 49)",
    "count": 53,
    "contexts": [
      {
        "tag": "div",
        "text": ">40%",
        "top": 1462,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Why companies choose Monk",
        "top": 2187,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "I",
        "top": 5041,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 43,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1450,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 6498,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FBFBF9",
    "alpha": 1,
    "cssValue": "rgb(251, 251, 249)",
    "count": 53,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-MMS59NQT\" height=\"0\" width=\"0\" style=\"d",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "MercuryNOT CONNECTED",
        "top": 3739,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Accounting",
        "top": 6159,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#272725",
    "alpha": 1,
    "cssValue": "rgb(39, 39, 37)",
    "count": 344,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trusted by",
        "top": 872,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Customers",
        "top": 1257,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1262,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#222222",
    "alpha": 1,
    "cssValue": "rgb(34, 34, 34)",
    "count": 2,
    "contexts": [
      {
        "tag": "article",
        "text": "+122%cash on hand, month 15xaging reduction3headcount savedAmy Chen·Director of FinanceView story",
        "top": 7038,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#525251",
    "alpha": 1,
    "cssValue": "rgb(82, 82, 81)",
    "count": 59,
    "contexts": [
      {
        "tag": "div",
        "text": "Average DSO reduction",
        "top": 1504,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "So that you can focus on more strategic work. We handle W-9 requests, PO matching, bounced emails, e",
        "top": 2224,
        "property": "text"
      },
      {
        "tag": "em",
        "text": "1-30",
        "top": 6232,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FAFAF8",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 248)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "Revenue Collected After Follow-up$31.0M collected after follow-up · 91.2% of total collections",
        "top": 6762,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFF5B8",
    "alpha": 1,
    "cssValue": "rgb(255, 245, 184)",
    "count": 19,
    "contexts": [
      {
        "tag": "a",
        "text": ">40%Average DSO reduction",
        "top": 1438,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "J",
        "top": 4489,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "All",
        "top": 6159,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#666666",
    "alpha": 1,
    "cssValue": "rgb(102, 102, 102)",
    "count": 142,
    "contexts": [
      {
        "tag": "div",
        "text": "Invoice #1048",
        "top": 4489,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Collection metrics showing automated messages, manual interventions, and total collections over time",
        "top": 6131,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Overview",
        "top": 6182,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#E5E3D8",
    "alpha": 1,
    "cssValue": "rgb(229, 227, 216)",
    "count": 80,
    "contexts": [
      {
        "tag": "div",
        "text": "JCustomerSep 30, 2026Invoice #1048Hi Sarah,Invoice #1048 has beenissued to you for $5,000.JuliaInvoi",
        "top": 4352,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "NameApplies toPlaybookUsedLast updatedStatus",
        "top": 6187,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 6609,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#E5E4D9",
    "alpha": 1,
    "cssValue": "rgb(229, 228, 217)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "FROMEndurance Solution Inc.INVOICEInvoice No. #1048BILL TO10 Blip AveNew York, NY 10001United States",
        "top": 3139,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#000000",
    "alpha": 0.0196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.02)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12912,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FDFDFD",
    "alpha": 1,
    "cssValue": "rgb(253, 253, 253)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Acme Co. #INV-1677Overdue$23,012.08Papaya Emporium #INV-1684Paid$21,347.19Summit Labs #INV-1684Paid$",
        "top": 5108,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#F96503",
    "alpha": 1,
    "cssValue": "rgb(249, 101, 3)",
    "count": 31,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 42,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Request demo",
        "top": 40,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Build playbooks",
        "top": 3526,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(251, 251, 249, 0.04)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "PlatformPlatform overviewThe AI-native accounts receivable platformCollectIntelligent CollectionsAP ",
        "top": 26,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FFFADB",
    "alpha": 1,
    "cssValue": "rgb(255, 250, 219)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Import invoices Build playbooks Start collecting",
        "top": 3518,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "How Profound solved post-sales admin, accelerating GTM",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 42,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Log in",
        "top": 46,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#F7F7F0",
    "alpha": 0.12941176470588237,
    "cssValue": "rgba(245, 245, 238, 0.13)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Julia MonkOct 7, 2026Hi Steve,Checking in on our INV-001. Let meknow when it can be processed!Custom",
        "top": 385,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#E2E2E2",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(230, 230, 230, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "How Profound solved post-sales admin, accelerating GTM",
        "top": 0,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#EFEFEF",
    "alpha": 1,
    "cssValue": "rgb(239, 239, 239)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 11311,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#2A2A2A",
    "alpha": 0.07058823529411765,
    "cssValue": "rgba(39, 39, 37, 0.07)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Buildingyour playbook...",
        "top": 3413,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#7D7D78",
    "alpha": 1,
    "cssValue": "rgb(125, 125, 120)",
    "count": 45,
    "contexts": [
      {
        "tag": "span",
        "text": "$0",
        "top": 6660,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Forecast-weighted expected collections by week; shaded band shows conservative to optimistic range.",
        "top": 6242,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#AAAAAA",
    "alpha": 1,
    "cssValue": "rgb(170, 170, 170)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Search",
        "top": 6122,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FEEDE1",
    "alpha": 1,
    "cssValue": "color(srgb 0.997176 0.927529 0.881412)",
    "count": 1,
    "contexts": [
      {
        "tag": "nav",
        "text": "Explore Monk with AI",
        "top": 16210,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#9C9B93",
    "alpha": 1,
    "cssValue": "rgb(156, 155, 147)",
    "count": 60,
    "contexts": [
      {
        "tag": "small",
        "text": "Oct 7, 2026",
        "top": 515,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "NOT CONNECTED",
        "top": 3773,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 6757,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#EE5F00",
    "alpha": 1,
    "cssValue": "rgb(238, 95, 0)",
    "count": 21,
    "contexts": [
      {
        "tag": "span",
        "text": "Agent effectiveness",
        "top": 6182,
        "property": "border"
      },
      {
        "tag": "i",
        "text": "",
        "top": 6713,
        "property": "background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 6713,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#FFFFFF",
    "alpha": 0.6784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.68)",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "aging reduction",
        "top": 7713,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E7E7E7",
    "alpha": 1,
    "cssValue": "rgb(231, 231, 231)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "DISCONNECTED",
        "top": 6300,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#F1F0EB",
    "alpha": 1,
    "cssValue": "rgb(241, 240, 235)",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "$150,242.76",
        "top": 6176,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#36594E",
    "alpha": 1,
    "cssValue": "rgb(54, 89, 78)",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "ENABLED",
        "top": 6214,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#D5F0E6",
    "alpha": 1,
    "cssValue": "rgb(213, 240, 230)",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "ENABLED",
        "top": 6214,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#FFFFFF",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(255, 255, 255, 0.12)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "View story",
        "top": 7772,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#111122",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(24, 24, 26, 0.06)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 6015,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#183351",
    "alpha": 1,
    "cssValue": "rgb(24, 51, 81)",
    "count": 7,
    "contexts": [
      {
        "tag": "em",
        "text": "INBOUND",
        "top": 6213,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#E7F0FF",
    "alpha": 1,
    "cssValue": "rgb(231, 240, 255)",
    "count": 7,
    "contexts": [
      {
        "tag": "em",
        "text": "INBOUND",
        "top": 6213,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#AA2607",
    "alpha": 1,
    "cssValue": "rgb(170, 38, 7)",
    "count": 6,
    "contexts": [
      {
        "tag": "em",
        "text": "NEEDS REVIEW",
        "top": 6268,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#FCEDE3",
    "alpha": 1,
    "cssValue": "rgb(252, 237, 227)",
    "count": 6,
    "contexts": [
      {
        "tag": "em",
        "text": "NEEDS REVIEW",
        "top": 6268,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#E2E2E2",
    "alpha": 1,
    "cssValue": "rgb(226, 226, 226)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 11065,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 11065,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#635BFF",
    "alpha": 1,
    "cssValue": "rgb(99, 91, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 3858,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#111111",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 17)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4017,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#13111D",
    "alpha": 1,
    "cssValue": "rgb(19, 17, 29)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4231,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#767676",
    "alpha": 1,
    "cssValue": "rgb(118, 118, 118)",
    "count": 1,
    "contexts": [
      {
        "tag": "small",
        "text": "Sep 30, 2026",
        "top": 4631,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#F56200",
    "alpha": 0.10196078431372549,
    "cssValue": "color(srgb 0.976471 0.396078 0.0117647 / 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "We’re hiring",
        "top": 15877,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#183957",
    "alpha": 1,
    "cssValue": "rgb(24, 57, 87)",
    "count": 4,
    "contexts": [
      {
        "tag": "em",
        "text": "IN PROGRESS",
        "top": 6318,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#E3F0FF",
    "alpha": 1,
    "cssValue": "rgb(227, 240, 255)",
    "count": 4,
    "contexts": [
      {
        "tag": "em",
        "text": "IN PROGRESS",
        "top": 6318,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#DEDEDE",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(226, 226, 226, 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "How Profound solved post-sales admin, accelerating GTM",
        "top": 0,
        "property": "border"
      }
    ]
  }
]
```

### 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 padding between major sections, with structured, grid-based layouts for feature lists and logo strips.
- Corner style: Predominantly sharp, square corners for major layout blocks and images, with very subtle rounding on small interactive elements.
- Radius: 0px for most containers and images; small radii (e.g., 2px-4px) applied to buttons and specific UI mockups.
- Borders: Thin, 1px solid borders in light beige/grey (color-12) used to delineate rows, columns, and card edges.
- Buttons: Primary buttons feature solid orange backgrounds (color-16) with white text; secondary actions use subtle outlines or ghost styles.
- Content width: Centered layout with a constrained maximum width for readability, leaving wide margins on desktop viewports.
- Density: Low density overall, utilizing ample whitespace to allow typography and product imagery to stand out clearly.
- Evidence: Observed from desktop crops showing wide margins, sharp-edged feature blocks, consistent 1px borders, and the prominent use of the orange accent color for buttons.

## Sections

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

1. **Navbar — Monk: Funding, Investors & Jobs Navbar** (Home)
   A thin announcement strip, compact link row and a contrasting orange button keep navigation light while the main action stays visible.
   Capture: 1440×83px; page bounds 0–83px of 16419px; source section ID: `d8b1f43b-782a-458d-b03a-aeab3a54a41a`; image: https://media.designdetails.io/library/5d12a9cb8716f8d6493c10d8db700bcb6d0c2d2b48eaf8b669990b821a2cb7c1/d8b1f43b-782a-458d-b03a-aeab3a54a41a.webp
   SECTION.md v3.2: `d8b1f43b-782a-458d-b03a-aeab3a54a41a` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed photo hero with headline** (Home)
   A large serif headline over a warm photo of hands typing states the promise at once and sets a human, calm tone.
   Capture: 1440×757px; page bounds 83–840px of 16419px; source section ID: `7853d3d8-6e3f-4d5e-9db8-29400c70dc31`; image: https://media.designdetails.io/library/0325473f9517ed92e191d2c906de4e4bc6e1ca615954c33b8b171e63a37397e7/7853d3d8-6e3f-4d5e-9db8-29400c70dc31.webp
   SECTION.md v3.2: `7853d3d8-6e3f-4d5e-9db8-29400c70dc31` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Grid of customer logos** (Home)
   Muted grey logos in an even five-column grid show breadth of customers without pulling attention from the page's main message.
   Capture: 1440×470px; page bounds 840–1310px of 16419px; source section ID: `35412440-9d57-4328-a3e0-d624be986b1e`; image: https://media.designdetails.io/library/4b8fd94af1533f07e075f2107dd28d3c543ebe188ddc93eb6bc3a061b3c85bfa/35412440-9d57-4328-a3e0-d624be986b1e.webp
   SECTION.md v3.2: `35412440-9d57-4328-a3e0-d624be986b1e` (deterministic evidence; editorial review pending)
4. **Stats — Four key results in list** (Home)
   Large figures with small captions in ruled rows let visitors scan the measurable outcomes quickly beside a short heading.
   Capture: 1440×708px; page bounds 1310–2018px of 16419px; source section ID: `a52a84ee-8a2d-4281-a6ad-1e13ef8298ea`; image: https://media.designdetails.io/library/aa79c5cabf06fa938c81956a56412204a0097aaf59fd9b436efdd903c3d16d2e/a52a84ee-8a2d-4281-a6ad-1e13ef8298ea.webp
   SECTION.md v3.2: `a52a84ee-8a2d-4281-a6ad-1e13ef8298ea` (deterministic evidence; editorial review pending)
5. **Features — Six benefits around central brand panel** (Home)
   Benefits split into two columns flank a bold central panel, so short titled paragraphs read quickly and the layout feels balanced.
   Capture: 1440×807px; page bounds 2018–2825px of 16419px; source section ID: `5ae8dd1f-1076-4e0f-b82f-b229de71847d`; image: https://media.designdetails.io/library/df7217a6d1b36fe8d886f2130c983bb74ec045f69d230de5be26238af3b730f2/5ae8dd1f-1076-4e0f-b82f-b229de71847d.webp
   SECTION.md v3.2: `5ae8dd1f-1076-4e0f-b82f-b229de71847d` (deterministic evidence; editorial review pending)
6. **Features — Alternating workflow blocks with animated visuals** (Home)
   Alternating image and text rows, each with a step line and link, explain every workflow while the animated visuals show it in action.
   Capture: 960×600px; page bounds 2825–5638px of 16419px; source section ID: `d637cf85-e6cb-4686-b7cc-59d9881a08d7`; image: https://media.designdetails.io/library/4ae0f22d3255d1a37b2dfecc13bc91608696b506898bda1d0c20f40748b3a317/d637cf85-e6cb-4686-b7cc-59d9881a08d7.webp
   SECTION.md v3.2: `d637cf85-e6cb-4686-b7cc-59d9881a08d7` (deterministic evidence; editorial review pending)
7. **Dashboard — Product report screen with feature tabs** (Home)
   A large screenshot of the report shows the real product, and the tab row beneath lets visitors explore capabilities one at a time.
   Capture: 1440×1272px; page bounds 5638–6910px of 16419px; source section ID: `a5767741-0457-4df9-a51c-066496aee21a`; image: https://media.designdetails.io/library/1574cf762e8c2cbafee63480d7b56204635407703e27be1e34d84c1b4899f1d8/a5767741-0457-4df9-a51c-066496aee21a.webp
   SECTION.md v3.2: `a5767741-0457-4df9-a51c-066496aee21a` (deterministic evidence; editorial review pending)
8. **Testimonials — Two customer story cards** (Home)
   Large portrait photos with one headline metric and a story link make results feel personal and credible at once.
   Capture: 1440×1044px; page bounds 6910–7954px of 16419px; source section ID: `e114eb57-f4d9-429d-9cce-8a04eb432132`; image: https://media.designdetails.io/library/02bfbefc10a76d526e235d4813084e9f104386b3581b07d753eb36033bbe9de9/e114eb57-f4d9-429d-9cce-8a04eb432132.webp
   SECTION.md v3.2: `e114eb57-f4d9-429d-9cce-8a04eb432132` (deterministic evidence; editorial review pending)
9. **Features — Integration grid with short descriptions** (Home)
   A three-column grid of system logos with one-line descriptions shows compatibility clearly, and a link leads on to the full list.
   Capture: 1440×954px; page bounds 7954–8908px of 16419px; source section ID: `3c6d01d5-38a2-4266-9329-814c739b7be5`; image: https://media.designdetails.io/library/8dd99c08aad376d26ea323f4fba6217e974b6c6d31bef34673a9a0e5c522096f/3c6d01d5-38a2-4266-9329-814c739b7be5.webp
   SECTION.md v3.2: `3c6d01d5-38a2-4266-9329-814c739b7be5` (deterministic evidence; editorial review pending)
10. **Gallery — Industry photo cards with captions** (Home)
   Four real-world photos with tags and short captions show the product fits different industries, helping visitors find their own sector.
   Capture: 1440×950px; page bounds 8908–9858px of 16419px; source section ID: `437e826a-a016-4fab-992c-ad6ffe0af576`; image: https://media.designdetails.io/library/465f00fcb16ed2a371f3d61e0e9fe78242c594f02d28a27ab64cb05162b18f85/437e826a-a016-4fab-992c-ad6ffe0af576.webp
   SECTION.md v3.2: `437e826a-a016-4fab-992c-ad6ffe0af576` (deterministic evidence; editorial review pending)
11. **Features — Security badges with capability table** (Home)
   Certification icons above a tidy grid of security capabilities give trust signals in a form that is easy to scan.
   Capture: 1440×917px; page bounds 9858–10775px of 16419px; source section ID: `bc9d2c69-5d02-4dc0-8068-e8aad6c0720c`; image: https://media.designdetails.io/library/2c617d7cc921daebc0ae49246be0c27ded997cbf134026c3b966a03cfaff1d4c/bc9d2c69-5d02-4dc0-8068-e8aad6c0720c.webp
   SECTION.md v3.2: `bc9d2c69-5d02-4dc0-8068-e8aad6c0720c` (deterministic evidence; editorial review pending)
12. **Forms — Interactive benchmark chart with input form** (Home)
   A live chart paired with a short form turns a statement into a personal result and gives visitors a reason to submit their email.
   Capture: 1440×1009px; page bounds 10775–11784px of 16419px; source section ID: `0f230678-0075-4ea2-822a-e1c959ccd080`; image: https://media.designdetails.io/library/926dcb45830a8a001982fd085166a9b7ab6c036b07fa4b92c773bbc813e7c737/0f230678-0075-4ea2-822a-e1c959ccd080.webp
   SECTION.md v3.2: `0f230678-0075-4ea2-822a-e1c959ccd080` (deterministic evidence; editorial review pending)
13. **Process — Bold orange onboarding statement with roles** (Home)
   A full-bleed orange texture with a large headline stands out in the page flow, while small role tags name the team behind onboarding.
   Capture: 1440×1000px; page bounds 11784–12784px of 16419px; source section ID: `73170af6-d78c-4c74-857b-d7ae89276de4`; image: https://media.designdetails.io/library/e93818efe8c8390bc8356c7fdb41481ee7e0ffd23e9fa15e59dc060a2aa22a80/73170af6-d78c-4c74-857b-d7ae89276de4.webp
   SECTION.md v3.2: `73170af6-d78c-4c74-857b-d7ae89276de4` (deterministic evidence; editorial review pending)
14. **CTA — Community invitation with photo** (Home)
   A short headline, one line of copy and a single link beside a candid photo make the invitation to join feel friendly.
   Capture: 1440×810px; page bounds 12784–13594px of 16419px; source section ID: `fa528d24-0dc3-47be-9b44-197e7c5a9101`; image: https://media.designdetails.io/library/a4e167a15c77ac52264cbd1ad56c6936dbec58ae63f8aecdc477f6b221bf4738/fa528d24-0dc3-47be-9b44-197e7c5a9101.webp
   SECTION.md v3.2: `fa528d24-0dc3-47be-9b44-197e7c5a9101` (deterministic evidence; editorial review pending)
15. **FAQ — Accordion list of questions** (Home)
   Thin ruled rows with plus icons keep seven common questions compact, so visitors can open only what they need.
   Capture: 1440×962px; page bounds 13594–14556px of 16419px; source section ID: `3ecd627e-2484-4bb1-a99d-47d18c006175`; image: https://media.designdetails.io/library/d9757900f0eb1a1d92122966a3c7019fe55b8965c05fece8cf4269c1b628a45a/3ecd627e-2484-4bb1-a99d-47d18c006175.webp
   SECTION.md v3.2: `3ecd627e-2484-4bb1-a99d-47d18c006175` (deterministic evidence; editorial review pending)
16. **Editorial — Article cards with featured posts** (Home)
   A mix of large image cards and smaller dated listings gives a clear lead story and shows fresh content with authors.
   Capture: 1440×944px; page bounds 14556–15500px of 16419px; source section ID: `c707a779-5b7d-42fe-aee7-2e482e99c2ac`; image: https://media.designdetails.io/library/4dc2b56e2c434c2ccba84f8abbe211fb39707ee660da54a921c2928a78244aad/c707a779-5b7d-42fe-aee7-2e482e99c2ac.webp
   SECTION.md v3.2: `c707a779-5b7d-42fe-aee7-2e482e99c2ac` (deterministic evidence; editorial review pending)
17. **Footer — Email signup with link columns** (Home)
   A tagline with an inline email field leads into well-grouped link columns, so visitors can sign up or find any page.
   Capture: 1440×919px; page bounds 15500–16419px of 16419px; source section ID: `6a1d876e-99d4-4222-9e02-69fe58b5747c`; image: https://media.designdetails.io/library/5b92f02460ee364d378c43393954ef626ad64befcfe20ed390dc9ddcaca9a7e2/6a1d876e-99d4-4222-9e02-69fe58b5747c.webp
   SECTION.md v3.2: `6a1d876e-99d4-4222-9e02-69fe58b5747c` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/e86619d9ba01a2937726855385274762c3fcdd6a2a43b799b51f8b2d2203025f/desktop_full-d2e1e717-2026-11-03T04-44-19-738Z.jpg
- Mobile screenshot: https://media.designdetails.io/library/73b2a2c2420b5793f4f66911b3e1f1e5c963fd2068ea355d0ca5b89de030587e/mobile_full-d2e1e717-2026-11-03T04-45-10-246Z.jpg
- Open Graph image: https://media.designdetails.io/library/fc1e59009f50f8a053ec907310bd219b5d50254a7bccb6ed4fbd20331766d03b/og_image-d2e1e717-2026-11-03T04-44-28-590Z.webp
- Full-page video: https://media.designdetails.io/library/dde9f6f9eb3aa8ebdc8287b0385899eb3cb32e1e65410d4175a77639da1bc15e/motion-1793684165156.mp4
- Video poster: https://media.designdetails.io/library/d43e2920d03867decdfb32893fc8f7901cb90c1c6110f180c048e7fcbdc0c77c/motion-poster-1793684165156.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
- Stat Block
- Feature Collection
- Testimonial Card
- FAQ Accordion
- Footer
- Primary Button
- Simulated UI Card

## Quality rubric

Overall: 58.1/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Monk presents a well-crafted, professionally restrained B2B fintech marketing site: a confident serif/sans typographic pairing, a warm off-white palette anchored by a single orange accent, and generous editorial whitespace throughout. Its strongest asset is content integration — product UI mockups, animated dashboards, and an interactive DSO benchmarking calculator are woven into the narrative in ways that make the software's value proposition tangible rather than abstract, and testimonial cards back claims with specific metrics. Motion is used with purpose (count-up stats, self-assembling workflow diagrams, a rotating logo mark) to illustrate rather than decorate, which is commendable restraint. However, the site's overall structure and visual idiom — editorial serif headlines over warm off-white canvases with chat-bubble hero overlays, logo-strip trust markers, and alternating feature rows — is now a widely recognized pattern across contemporary B2B SaaS and fintech marketing sites, and little here asserts a visual identity that couldn't be substituted into a competitor's site. The execution is clean and coherent, but it does not assemble enough hard-to-substitute ideas or structural risk-taking to clear the bar for 'good' or higher. This is a competent, polished example of its genre rather than a distinctive or landmark one.

- Typography (15%): 68 — A deliberate two-voice system pairs Reckless (serif, display/heading) with PP Neue Montreal (sans, body/UI), consistently applied from the 132px hero down to 9.5px dashboard micro-labels. Reckless Condensed is reserved for numeric stat callouts, creating a legible functional distinction between narrative and data. The scale is dramatic but the pairing itself (expressive serif display + neutral grotesque body) is a now-common pattern in editorial B2B SaaS, limiting distinctiveness.
- Color (10%): 64 — Warm off-white canvas (#F6F5EF/#FBFBF9), charcoal text (#272725), and a single confident orange action color (#F96503) form a restrained, cohesive base that avoids generic stark-white SaaS. Secondary warm tones (#5C3B31 maroon for stat numbers, pale yellow highlight #FFF5B8) add texture. However, dashboard mockups fall back on conventional status-chip semantics (green #D5F0E6/#36594E 'enabled', blue #E7F0FF/#183351 'inbound', red #FCEDE3/#AA2607 'needs review') that are standard SaaS convention rather than an extension of the bespoke warm palette.
- Layout (20%): 61 — Generous whitespace, grid-based logo strips, alternating text/image feature blocks, sharp corners with thin borders, and a constrained content width produce a clean, legible structure appropriate to a finance-software audience. Product mockups are placed adjacent to explanatory copy in a readable, scannable rhythm. The overall architecture, though, follows a highly recognizable contemporary SaaS template sequence (hero → logo strip → stat block → alternating feature rows → testimonial cards → integration grid → calculator → FAQ → footer) without a structural surprise that distinguishes it from peer fintech sites.
- Motion (20%): 55 — Motion is used functionally: a hero UI simulation, animated stat counters, a continuously rotating logo mark, self-building workflow/dashboard mockups, a growing bar chart, and a standard FAQ accordion with footer link hover states. This purposeful, explanatory use of motion (illustrating the product rather than pure decoration) is a genuine strength, but the techniques themselves — count-up numbers, accordion expand, color-shift hovers, looping icon rotation — are conventional SaaS patterns. Captured frames at multiple timestamps show largely static compositions between scroll positions, suggesting most animation is scroll-triggered reveal rather than sustained choreography.
- Originality (25%): 46 — The site competently executes a widely-adopted 'editorial fintech' aesthetic — serif display type, warm off-white canvas, orange CTA, simulated chat/UI cards over hero photography, animated stat counters — that closely mirrors a recognizable cohort of recent B2B SaaS marketing sites. The interactive DSO benchmark calculator and the rotating 'M' mark are the most distinctive, hard-to-substitute elements, but they are not enough on their own to establish a landmark visual identity; the rest of the page (logo strip, stat blocks, alternating feature rows, testimonial cards, FAQ accordion, footer) follows established category conventions almost exactly.
- Content (10%): 68 — Product screenshots (invoice views, AR trend charts, collection dashboards, payment portal mockups) are woven directly into explanatory copy for each feature, making abstract claims concrete. The interactive DSO calculator ties quantitative benchmarking directly to the core value proposition. Testimonial cards pair real-looking metrics (+122% cash on hand, 30% AR reduction) with customer photos and named contacts, reinforcing credibility. This integration of functional product content with narrative is one of the page's stronger, more purposeful aspects.

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 amber photo and large serif headline soften a finance product, while a chat bubble overlay hints at the human side of automation. Big rust-toned stat numbers and a dense logo wall build trust fast, and an orange band later in the page breaks up the long scroll of product screenshots.

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