# Corridoradvisors — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://corridoradvisors.com/
Captured: 2026-10-08
CSS measured: 2026-10-08T03:37:28.402Z at 1440×1000 — https://corridoradvisors.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: anthropic/claude-sonnet-5

## Design direction

The design exhibits a sophisticated, modern editorial aesthetic characterized by a warm, muted color palette dominated by cream, olive, and dark gray tones. Typography relies heavily on a classic serif for impactful headings, contrasted with clean sans-serif for UI elements and secondary text. Layouts are spacious and structured, utilizing rounded corners on cards and buttons to soften the visual presentation, complemented by rich, stylized landscape illustrations that add a narrative quality.

## Classification

- Industry: finance
- Site type: Landing, Blog
- Business model: AI
- Styles: editorial, soft, illustrative, nature-inspired, premium-corporate
- Platform: Framer
- Technology: Not identified

## Typography

- Display: PT Serif — weight 400; size 92px; line-height 86px; tracking -3.7px; Regular (100% role confidence, computed values)
- Heading: PT Serif — weight 400; size 65px; line-height 72px; tracking -1.9px; Regular (100% role confidence, computed values)
- Body: PT Serif — weight 400; size 20px; line-height 28px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #EBEAE5: color-1: computed rgb(235, 234, 229); AI role: #EBEAE5 (warm cream) used extensively as the main page background color. (100% role confidence, computed values)
- Text — text #121212: color-6: computed rgb(18, 18, 18); AI role: #121212 (near black) used for primary typography, including major headings. (100% role confidence, computed values)
- Primary Action — primary action #B9DEA3: color-14: computed rgb(185, 222, 163); AI role: #B9DEA3 (light green) used as the background color for primary CTA buttons. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: #FFFFFF used for distinct content blocks, such as the stat cards under the first section. (90% 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": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "65px",
    "lineHeight": "72px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Small businesses get the worst deal on health insurance",
        "top": 1324,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "How it works",
        "top": 2056,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "The brokerage invented for the AI era",
        "top": 6132,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "58px",
    "lineHeight": "62px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "PEOs",
        "top": 9908,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The numbers speak for themselves",
        "top": 10474,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 327,
    "contexts": [
      {
        "tag": "span",
        "text": "C",
        "top": 310,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "o",
        "top": 310,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "r",
        "top": 310,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 99,
    "contexts": [
      {
        "tag": "p",
        "text": "Corridor evaluates every product type so you don't have to wonder if there's something better out th",
        "top": 9274,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 11520,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 11520,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "Solutions",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "About",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Team",
        "top": 22,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "“We were facing a 40% renewal increase, Corridor came back with a benefit strategy that offered more",
        "top": 8271,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“We told Corridor what was important to us, now our health plan pays for my entire team's Equinox me",
        "top": 8271,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“Corridor has been an absolute game-changer for Tether. Their expertise in benefits management has m",
        "top": 8271,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "James Vegher",
        "top": 8577,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Ke Ma",
        "top": 8418,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Gary Sahota",
        "top": 8497,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "DPT and Co-Owner @ Precision PT",
        "top": 8600,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Cofounder & CEO @ Concorda",
        "top": 8442,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Co-Founder @ Tether Data",
        "top": 8521,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "The Problem",
        "top": 1280,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Introducing Corridor",
        "top": 2012,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our values",
        "top": 6084,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Talk to an advisor",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Get Started",
        "top": 424,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "See How",
        "top": 424,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "72px",
    "lineHeight": "72px",
    "letterSpacing": "-2.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "0",
        "top": 10477,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "5",
        "top": 10477,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "20",
        "top": 10477,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "50px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "$",
        "top": 10499,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "hrs",
        "top": 10499,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "%",
        "top": 10499,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "30px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Incentive Alignment, Always",
        "top": 6452,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Expand Human Capability",
        "top": 6940,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Deliver Compounding Value",
        "top": 7428,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "13.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "2026 Corridor Copyright",
        "top": 12228,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 12228,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms & Conditions",
        "top": 12228,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "600",
    "size": "13px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "or call us",
        "top": 10744,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "(415) 403-2004",
        "top": 10744,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "500",
    "size": "17px",
    "lineHeight": "20px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Talk to an advisor",
        "top": 11624,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "24px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Get my quote",
        "top": 10684,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Our only priority is you.",
        "top": 12148,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 645,
    "contexts": [
      {
        "tag": "span",
        "text": "W",
        "top": 6702,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 6702,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "e",
        "top": 6702,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 243,
    "contexts": [
      {
        "tag": "span",
        "text": "W",
        "top": 1669,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 1669,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 1669,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "72px",
    "lineHeight": "68px",
    "letterSpacing": "-2.9px",
    "traits": "Regular",
    "count": 39,
    "contexts": [
      {
        "tag": "span",
        "text": "S",
        "top": 11360,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "m",
        "top": 11360,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 11360,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "42px",
    "lineHeight": "48px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 22,
    "contexts": [
      {
        "tag": "span",
        "text": "$",
        "top": 1584,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 1584,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "7",
        "top": 1584,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "92px",
    "lineHeight": "86px",
    "letterSpacing": "-3.7px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "B",
        "top": 190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "e",
        "top": 190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "n",
        "top": 190,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Fully insured",
        "top": 9499,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ICHRA",
        "top": 9499,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Level-funded",
        "top": 9499,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "25px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Meet your Advisor",
        "top": 2645,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "We analyze the market & give an answer",
        "top": 2645,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Your employees choose their plans",
        "top": 2645,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Roboto",
    "fontStack": "Roboto, sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 2562,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 2562,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 2562,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Roboto",
    "fontStack": "Roboto, \"Roboto Placeholder\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Step 1",
        "top": 2614,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Step 2",
        "top": 2614,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Step 3",
        "top": 2614,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\", \"PT Serif Placeholder\", serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "v",
        "top": 1593,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "s",
        "top": 1593,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Roboto",
    "fontStack": "Roboto",
    "weight": "600",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "5.0",
        "top": 146,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "5-star",
        "top": 146,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Roboto",
    "fontStack": "Roboto",
    "weight": "400",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "100%",
        "top": 146,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "reviews",
        "top": 146,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "PT Serif",
    "fontStack": "\"PT Serif\"",
    "weight": "700",
    "size": "18px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "G2",
        "top": 143,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "13.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Cookies",
        "top": 12228,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#EBEAE5",
    "alpha": 1,
    "cssValue": "rgb(235, 234, 229)",
    "count": 14,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-N7P6F23B\" height=\"0\" width=\"0\" style=\"d",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "SolutionsAboutTeamCareersPricingNewsroomTalk to an advisorG25.0100% 5-star reviewsBenefits, Solved.C",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 473,
    "contexts": [
      {
        "tag": "p",
        "text": "Solutions",
        "top": 22,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "G2",
        "top": 143,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "See How",
        "top": 412,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#353329",
    "alpha": 1,
    "cssValue": "rgb(53, 51, 41)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "ProductsWe start with your business. Not with a product.Corridor evaluates every product type so you",
        "top": 9040,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "PEOs",
        "top": 9499,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#037045",
    "alpha": 1,
    "cssValue": "rgb(3, 112, 69)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": -120,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#4AA1C7",
    "alpha": 1,
    "cssValue": "rgb(74, 161, 199)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Small businesses are the backbone of America.20 million Americans get their health benefits from a s",
        "top": 10880,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#121212",
    "alpha": 1,
    "cssValue": "rgb(18, 18, 18)",
    "count": 862,
    "contexts": [
      {
        "tag": "h2",
        "text": "Small businesses get the worst deal on health insurance",
        "top": 1324,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "$",
        "top": 1584,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Incentive Alignment, Always",
        "top": 6452,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#353224",
    "alpha": 1,
    "cssValue": "rgb(53, 50, 36)",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 2562,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "The brokerage invented for the AI era",
        "top": 6132,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "0",
        "top": 10477,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#DCF7CB",
    "alpha": 1,
    "cssValue": "rgb(220, 247, 203)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "80¢vs85¢By law, small-group plans spend less on care—80¢ per premium dollar versus 85¢ for large gro",
        "top": 1560,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "rgba(255, 255, 255, 0.8)",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "DPT and Co-Owner @ Precision PT",
        "top": 8600,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#444444",
    "alpha": 1,
    "cssValue": "rgb(68, 68, 68)",
    "count": 243,
    "contexts": [
      {
        "tag": "span",
        "text": "W",
        "top": 1669,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#CFCCBE",
    "alpha": 1,
    "cssValue": "rgb(207, 204, 190)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Corridor evaluates every product type so you don't have to wonder if there's something better out th",
        "top": 9274,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Fully insured",
        "top": 9499,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 23,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 18,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 18,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#444132",
    "alpha": 1,
    "cssValue": "rgb(68, 65, 50)",
    "count": 31,
    "contexts": [
      {
        "tag": "p",
        "text": "Talk to an advisor",
        "top": 22,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Get Started",
        "top": 10070,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1194,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#B9DEA3",
    "alpha": 1,
    "cssValue": "rgb(185, 222, 163)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Talk to an advisor",
        "top": 12,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#9F9D90",
    "alpha": 1,
    "cssValue": "rgb(159, 157, 144)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "The Problem",
        "top": 1280,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#9E9C90",
    "alpha": 1,
    "cssValue": "rgb(158, 156, 144)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Step 2",
        "top": 2614,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#D9703F",
    "alpha": 1,
    "cssValue": "rgb(217, 112, 63)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Meet your Advisor",
        "top": 2645,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Meet your Advisor",
        "top": 2645,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#BADEA3",
    "alpha": 1,
    "cssValue": "rgb(186, 222, 163)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Get my quote",
        "top": 10672,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#979589",
    "alpha": 1,
    "cssValue": "rgb(151, 149, 137)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "2",
        "top": 2562,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#535043",
    "alpha": 1,
    "cssValue": "rgb(83, 80, 67)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "or call us",
        "top": 10744,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#817F74",
    "alpha": 1,
    "cssValue": "rgb(129, 127, 116)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "2026 Corridor Copyright",
        "top": 12228,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 12228,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Cookies",
        "top": 12228,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#3C392B",
    "alpha": 1,
    "cssValue": "rgb(60, 57, 43)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Step 1",
        "top": 2614,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#C9C6B4",
    "alpha": 1,
    "cssValue": "rgb(201, 198, 180)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "PEOs",
        "top": 9488,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#CCCABF",
    "alpha": 1,
    "cssValue": "rgb(204, 202, 191)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1650,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "100%",
        "top": 146,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#CFCDC3",
    "alpha": 1,
    "cssValue": "rgb(207, 205, 195)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "2",
        "top": 2554,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#ADCF99",
    "alpha": 1,
    "cssValue": "rgb(173, 207, 153)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1650,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#000000",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(0, 0, 0, 0.15)",
    "count": 3,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 8872,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 8872,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E1E0DF",
    "alpha": 1,
    "cssValue": "rgb(225, 224, 223)",
    "count": 1,
    "contexts": [
      {
        "tag": "line",
        "text": "",
        "top": 1245,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### 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 and airy, with significant vertical padding between distinct conceptual sections to allow the large typography and illustrations to breathe.
- Corner style: Distinctly rounded. UI elements heavily favor soft curves over sharp edges.
- Radius: Buttons are fully rounded (pill-shaped). Content cards and image containers feature moderately large border radii (approx 12-24px visual estimate).
- Borders: Minimal visible borders; structural separation is primarily achieved through subtle background color contrasts (e.g., white cards on cream canvas).
- Buttons: Solid fill with low-contrast text (dark text on light green), pill-shaped, without prominent drop shadows.
- Content width: Restricted central column for text content to maintain readability, while illustrative backgrounds often bleed to the edges or fill large grid areas.
- Density: Low to medium density, prioritizing a calm, focused reading experience over packing information tightly.
- Evidence: Visible in the pill-shaped 'Talk to an advisor' buttons, the large gaps between the 'How it works' and 'The brokerage' sections, and the softly rounded corners of the illustration frames.

## Sections

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

No reviewed section captures recorded.

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/488fe15e44974766f13d7f1888eb1e2a2de2fe62346e81323aa52d237bea1dd8/desktop_full-a2a934f3-2026-10-08T03-37-28-422Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6328d9fc944dd2c8117422240255c30d831d7fa60f7327afaaaeeaac0bfcd13d/mobile_full-a2a934f3-2026-10-08T03-38-09-567Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/a72d1c597708744ba4ef608849785bb33c25f5508e9fccc47985a49045978330/og_image-a2a934f3-2026-10-08T03-37-36-301Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/8980545c5ae9776ff76407c6568ca86d57103851b29902b6ad0d512a4a3ddb58/motion-1791431902150.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/33225da69ae2cbea96fe8868aac385955c913ef0ab1ad6089bf797d15c655e5e/motion-poster-1791431902150.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
- Primary Button
- Stat Block
- Feature Collection
- Testimonial Card
- Footer
- Interactive Timeline Stepper
- Sticky Graphic With Scrolling Text

## Quality rubric

Overall: 58/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: A tasteful, editorial-leaning brokerage site with a warm cream-and-olive palette, serif display type, and a recurring painterly-landscape illustration motif that gives it some narrative character. The scroll-linked stepper, product tabs, and testimonial carousel show a genuine attempt at a connected system across sections, but the individual components are largely familiar contemporary SaaS/fintech patterns, the palette is undercut by a couple of clashing saturated accents, and originality rests almost entirely on a reused illustration backdrop rather than structural invention — keeping this solidly in competent territory rather than good or strong.

- Typography (15%): 62 — A coherent serif/sans split (PT Serif for display and body, Roboto/Inter for UI chrome) is applied consistently across many sections, with deliberate negative tracking on large display sizes (92px/-3.7px, 65px/-1.9px). The scale is large and logical, but using a serif at small body sizes (16-20px) for hundreds of text nodes is a legibility trade-off rather than a refined system, and the sheer number of near-duplicate sizes (40/42/48/58/65/72/92px) suggests ad-hoc proliferation rather than a tight modular scale.
- Color (10%): 59 — The dominant cream/near-black/olive-green palette (color-1 #EBEAE5, color-6 #121212, color-14 #B9DEA3) is warm and restrained, appropriate to the editorial-nature-brokerage tone. However, saturated outlier hues appear without clear systemic justification — a bright sky-blue background (#4AA1C7) behind the 'backbone of America' section and a terracotta-orange link/border color (#D9703F) on 'Meet your Advisor' both break the otherwise muted, earthy system.
- Layout (20%): 63 — The page shows a genuine structural system: spacious editorial sections, a sticky-illustration-plus-scrolling-steps pattern in 'How it works,' a tabbed horizontal product-category block, stat cards, and a testimonial carousel. Content width is restrained for text while illustrations bleed to fill frames, showing intentional grid discipline. The system holds together across many sections rather than being a single hero trick, but patterns (stat cards, pill CTAs, numbered steppers) are generic SaaS/fintech conventions rather than site-specific inventions.
- Motion (20%): 62 — Observed motion includes a scroll-linked step indicator that advances and reverses with scroll direction, a horizontal image swap tied to product tab scrolling, a parallax background in the 'backbone of America' section, and a draggable testimonial carousel. This is a functioning scroll-driven interaction system spanning multiple sections, not a single hero flourish, but the techniques (progress stepper, parallax backdrop, carousel) are standard contemporary scroll-animation patterns, and no evidence substantiates refined easing, pacing variation, or performance quality.
- Originality (25%): 46 — The painterly Mediterranean/Tuscan-style landscape illustrations give the brokerage a distinct narrative skin, which is the one genuinely hard-to-substitute idea here. Everything else — cream/olive palette, pill CTAs, stat cards, scroll-linked numbered stepper, testimonial carousel, serif display headline over hero video — is a well-executed but highly familiar contemporary SaaS/fintech-editorial template seen across many 2023-2025 B2B sites. The illustration motif alone, however appealing, is reused repeatedly as a background fill rather than structurally shaping any novel interaction or layout idea.
- Content (10%): 63 — Content and visuals are paired with evident intent: specific dollar/percentage stats sit beside explanatory copy, illustrations change to match each process step and each product category, and testimonials carry real names, titles, and companies. This is a reasonably tight integration of message and visual system rather than decorative stock imagery, though the illustration reuse across unrelated sections slightly dilutes the sense that each image was bespoke to its specific content.

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
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A calm countryside photo and a large serif headline set a human, trustworthy tone before the numbers start, and the oversized stat cards ($27,000, 80¢ vs 85¢) make dry pricing data easy to scan at a glance. Later sections repeat the same four step labels alongside soft painterly landscape illustrations, pacing the long page into clear, recognisable chapters.

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