# Amperos — Design Reference

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

Amperos is a B2B healthcare technology website that employs an editorial and sophisticated design language. It distinguishes itself from typical SaaS sites by using a warm, dark brown primary canvas instead of stark black or blue, paired with elegant serif typography. The visual identity heavily features a 'collage' aesthetic, utilizing torn paper edge motifs on imagery and section transitions to add a tactile, human element to the AI-focused product.

## Classification

- Industry: health
- Site type: Landing, Blog
- Business model: Not identified
- Styles: editorial, corporate, minimal, collage-aesthetic, warm-monochrome
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: reckless — weight 400; size 60px; line-height 54px; tracking -1.2px; Regular (100% role confidence, computed values)
- Heading: reckless — weight 400; size 40px; line-height 44px; tracking -0.8px; Regular (100% role confidence, computed values)
- Body: stkmiso — weight 400; size 16px; line-height 23.2px; tracking normal; Regular (100% role confidence, computed values)

## Functional palette

- Canvas — canvas #3E2F29: color-4: computed rgb(62, 47, 41); AI role: Deep brown (#3E2F29) used as the primary background color for the body and dark sections. (100% role confidence, computed values)
- Surface — surface #FDFAF8: color-1: computed rgb(253, 250, 248); AI role: Off-white (#FDFAF8) used as the background for light sections and cards. (100% role confidence, computed values)
- Text — text #FCF7F4: color-9: computed rgb(252, 247, 244); AI role: Light color (#FCF7F4) used for headings and text on dark backgrounds. (95% role confidence, computed values)
- Text — text #23120B: color-2: computed rgb(35, 18, 11); AI role: Dark brown (#23120B) used for text on light backgrounds. (95% role confidence, computed values)
- Primary Action — primary action #371506: color-7: computed rgb(55, 21, 6); AI role: Dark brown (#371506) used for primary button backgrounds. (90% role confidence, computed values)
- Accent — accent #CBADFF: color-32: computed rgb(203, 173, 255); AI role: Lavender purple (#CBADFF) used as an accent color in UI mockups and illustrations. (80% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Recover more revenue",
        "top": 4123,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Reduce AR backlogs",
        "top": 4123,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Lower cost to collect",
        "top": 4123,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Solutions",
        "top": 12998,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Specialties",
        "top": 12998,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Who We Serve",
        "top": 12998,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Amperos works your claims end-to-end, from submission to payment",
        "top": 1002,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "The rules of revenue cycle, rewritten",
        "top": 3665,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "What if claims actually kept moving?",
        "top": 10084,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "26px",
    "lineHeight": "29.1px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Outsource your insurance collections, from start to finish",
        "top": 1475,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Offload repetitive payor workflows",
        "top": 2074,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Bring expertise to the hardest claims",
        "top": 2603,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "22px",
    "lineHeight": "26px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Intelligence & insights",
        "top": 11327,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Structured workqueues",
        "top": 11871,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Unified financial data",
        "top": 11871,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "60px",
    "lineHeight": "54px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "A new standard for insurance collections",
        "top": 348,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "56px",
    "lineHeight": "58.8px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Start recovering more revenue from insurance claims",
        "top": 12609,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Works alongside your everyday workflows",
        "top": 12060,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "23.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 34,
    "contexts": [
      {
        "tag": "p",
        "text": "Identify and pursue high-value claims that traditional workflows leave untouched.",
        "top": 4159,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Keep things moving with prioritized workqueues and automated follow-ups.",
        "top": 4159,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Reduce the operational burden of repetitive collections work through automation.",
        "top": 4159,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Amperos uses agentic AI to recover insurance revenue end-to-end — driving more collections, faster.",
        "top": 476,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Amperos manages to full insurance collections process, from follow-up to complex denials.",
        "top": 1546,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Empower your team to focus on higher-value works by assigning Amperos to first-touch denials, resubm",
        "top": 2115,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by leading healthcare providers and RCM teams",
        "top": 816,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Amperos is an independent company. References to Epic, athenahealth, eClinicalWorks, NextGen Healthc",
        "top": 13803,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "© 2026 Amperos. All rights reserved.",
        "top": 13899,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "End-to-end insurance recovery",
        "top": 1444,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "First-touch automation",
        "top": 2043,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Complex denial resolution",
        "top": 2572,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "15px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Log In",
        "top": 34,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Request a Demo",
        "top": 34,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Request a Demo",
        "top": 560,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "Solutions",
        "top": 33,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Who We Serve",
        "top": 31,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "ROI",
        "top": 33,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "27.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Connect",
        "top": 10212,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Prioritize",
        "top": 10338,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Work",
        "top": 10402,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "01.",
        "top": 10218,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02.",
        "top": 10344,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "03.",
        "top": 10407,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "350",
    "size": "80px",
    "lineHeight": "80px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "AI-native collections",
        "top": 5449,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "backed by RCM experts",
        "top": 5529,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "rollerscript",
    "fontStack": "rollerscript, \"rollerscript Fallback\", serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "31.3px",
    "letterSpacing": "-1.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Mitzi",
        "top": 5082,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Yue",
        "top": 5083,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "rollerscript",
    "fontStack": "rollerscript, \"rollerscript Fallback\", serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "20.9px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Follow",
        "top": 13896,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "us",
        "top": 13898,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "350",
    "size": "30px",
    "lineHeight": "33px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "\"Boulder Care is expanding rapidly to reach more patients who are in critical need. The reality is t",
        "top": 4889,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "stkmiso",
    "fontStack": "stkmiso, \"stkmiso Fallback\", sans-serif, Arial, \"system-ui\", -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"sans-serif\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "How Providence Anesthesia is positioning for growth with Amperos's agentic workforce",
        "top": 299,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "reckless",
    "fontStack": "reckless, \"reckless Fallback\", serif, \"Times New Roman\", \"sans-serif\"",
    "weight": "400",
    "size": "36px",
    "lineHeight": "39.6px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "Collections that keep moving",
        "top": 6015,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Complete visibility",
        "top": 6210,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Consistent execution",
        "top": 6406,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FDFAF8",
    "alpha": 1,
    "cssValue": "rgb(253, 250, 248)",
    "count": 7,
    "contexts": [
      {
        "tag": "section",
        "text": "\"Boulder Care is expanding rapidly to reach more patients who are in critical need. The reality is t",
        "top": 4413,
        "property": "background"
      },
      {
        "tag": "article",
        "text": "Intelligence & insightsAnalytics identify patterns across payors, denials, and workflows to help tea",
        "top": 10893,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 10893,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#23120B",
    "alpha": 1,
    "cssValue": "rgb(35, 18, 11)",
    "count": 47,
    "contexts": [
      {
        "tag": "span",
        "text": "Request a Demo",
        "top": 34,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 1262,
        "property": "background"
      },
      {
        "tag": "h3",
        "text": "Intelligence & insights",
        "top": 11327,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFF3",
    "alpha": 0.08235294117647059,
    "cssValue": "oklab(0.98684 0.0023001 0.00349557 / 0.0813615)",
    "count": 5,
    "contexts": [
      {
        "tag": "article",
        "text": "Recover more revenueIdentify and pursue high-value claims that traditional workflows leave untouched",
        "top": 3665,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#3E2F29",
    "alpha": 1,
    "cssValue": "rgb(62, 47, 41)",
    "count": 1,
    "contexts": [
      {
        "tag": "body",
        "text": "SolutionsWho We ServeROIAbout UsBlogLog InRequest a Demo{\"@context\":\"https://schema.org\",\"@type\":\"We",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 0.03137254901960784,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.03)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9817,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#271414",
    "alpha": 0.050980392156862744,
    "cssValue": "oklab(0.204124 0.0230469 0.0214902 / 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4533,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#371506",
    "alpha": 1,
    "cssValue": "rgb(55, 21, 6)",
    "count": 19,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 4219,
        "property": "control-background"
      },
      {
        "tag": "blockquote",
        "text": "\"Boulder Care is expanding rapidly to reach more patients who are in critical need. The reality is t",
        "top": 4889,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Mitzi",
        "top": 5082,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 28,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 34,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Solutions",
        "top": 33,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Who We Serve",
        "top": 31,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FCF7F4",
    "alpha": 1,
    "cssValue": "rgb(252, 247, 244)",
    "count": 5,
    "contexts": [
      {
        "tag": "h1",
        "text": "A new standard for insurance collections",
        "top": 348,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Trusted by leading healthcare providers and RCM teams",
        "top": 816,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "What if claims actually kept moving?",
        "top": 10084,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "AI-native collections",
        "top": 5449,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Solutions",
        "top": 12998,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#372F2C",
    "alpha": 0.8,
    "cssValue": "oklab(0.312796 0.009597 0.00853983 / 0.8)",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Analytics identify patterns across payors, denials, and workflows to help teams uncover root causes,",
        "top": 11364,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 13900,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 13900,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#F5F5F4",
    "alpha": 0.8,
    "cssValue": "oklab(0.968864 -0.00025779 0.00101222 / 0.8)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Amperos manages to full insurance collections process, from follow-up to complex denials.",
        "top": 1546,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.8)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Higher claim recovery compared to traditional vendors",
        "top": 4106,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F5F5F4",
    "alpha": 1,
    "cssValue": "oklab(0.968864 -0.00025779 0.00101222)",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Outsource your insurance collections, from start to finish",
        "top": 1475,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.050980392156862744,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.05)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12210,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#371405",
    "alpha": 0.2,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.2)",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "Read their story",
        "top": 5173,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "Complete visibility",
        "top": 6210,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#361407",
    "alpha": 0.2980392156862745,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.298132)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Ownership through resolution",
        "top": 6601,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.9)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Amperos uses agentic AI to recover insurance revenue end-to-end — driving more collections, faster.",
        "top": 476,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#A39893",
    "alpha": 1,
    "cssValue": "oklab(0.687453 0.0103766 0.0107846 / 0.998964)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "End-to-end insurance recovery",
        "top": 1444,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#382F2C",
    "alpha": 0.7019607843137254,
    "cssValue": "oklab(0.312796 0.009597 0.00853983 / 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI agents work claims end-to-end, while Amperos RCM experts provide oversight and guidance for resol",
        "top": 6093,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#371506",
    "alpha": 0.9019607843137255,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.901868)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Collections that keep moving",
        "top": 6015,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#E7E5E4",
    "alpha": 1,
    "cssValue": "lab(91.055 0.663072 0.865579)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Case study",
        "top": 294,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "eClinicalWorks",
        "top": 12330,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.6980392156862745,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Integrate Amperos with your existing practice management and EHR systems.",
        "top": 10252,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FFF5F0",
    "alpha": 1,
    "cssValue": "rgb(255, 245, 240)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Request a Demo",
        "top": 24,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#3B140A",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Calculate Your ROI",
        "top": 550,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#A29893",
    "alpha": 0.7019607843137254,
    "cssValue": "lab(63.6943 3.51492 4.16882 / 0.7)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "02.",
        "top": 10344,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#E6E6E6",
    "alpha": 0.2,
    "cssValue": "oklab(0.922998 0.0019699 0.00227594 / 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Calculate Your ROI",
        "top": 12775,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#371607",
    "alpha": 0.6,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "SVP of Finance, Boulder Care",
        "top": 5090,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#F0E6E1",
    "alpha": 0.2,
    "cssValue": "rgba(242, 229, 223, 0.2)",
    "count": 24,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12210,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E6E6E3",
    "alpha": 0.4,
    "cssValue": "oklab(0.922998 0.0019699 0.00227594 / 0.4)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Case study",
        "top": 294,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Calculate Your ROI",
        "top": 550,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#A59691",
    "alpha": 0.2,
    "cssValue": "lab(63.6943 3.51492 4.16882 / 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Calculate Your ROI",
        "top": 12775,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#CBADFF",
    "alpha": 1,
    "cssValue": "rgb(203, 173, 255)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 13011,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#FCF8F4",
    "alpha": 0.8,
    "cssValue": "lab(97.5598 1.33911 2.06642 / 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "01.",
        "top": 10218,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#381407",
    "alpha": 0.30196078431372547,
    "cssValue": "oklab(0.244715 0.0435871 0.0409795 / 0.3)",
    "count": 6,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 4219,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.1)",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 13898,
        "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 sections, allowing the large typography and imagery to breathe. Content is often split into distinct two-column layouts with ample gutters.
- Corner style: Buttons and UI mockups feature rounded corners, contrasting with the jagged, organic torn paper edges used elsewhere.
- Radius: Small to medium border radii (approx 4px-8px) on buttons and UI cards.
- Borders: Borders are generally subtle, using low-opacity colors (e.g., 20-40% alpha) to create delicate outlines rather than harsh lines.
- Buttons: Primary buttons are solid dark brown with light text. Secondary buttons are outlined with a transparent background and a subtle border.
- Content width: Content is constrained to a central max-width container, typical for desktop layouts, ensuring readability.
- Density: Spacious and editorial. The design prioritizes large imagery and typography over dense information packing.
- Evidence: Observed from the DOM/CSS facts (e.g., color-30 for borders, color-7 for buttons) and visual inspection of the provided desktop crops.

## Sections

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

1. **Navbar — Amperos Navbar** (Home)
   Few links sit beside a light, high-contrast demo button on the dark bar, so the main action stands out immediately.
   Capture: 1440×86px; page bounds 0–86px of 12120px; source section ID: `32a6cd3a-770d-4171-b0ac-17a82499d3a5`; image: https://media.designdetails.io/library/c9f874284e7d11a2517447c5fa6fea85f2e2f43aaa3471a42ab2300ef8666618/32a6cd3a-770d-4171-b0ac-17a82499d3a5.webp
   SECTION.md v3.2: `32a6cd3a-770d-4171-b0ac-17a82499d3a5` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed portrait hero with headline** (Home)
   A large serif headline over a warm portrait, with two clear buttons, states the offer and gives a human face to the product.
   Capture: 1440×710px; page bounds 86–796px of 12120px; source section ID: `de4a57f0-3ced-4596-96e4-b6786cd6d37c`; image: https://media.designdetails.io/library/4a28c744d55d7048a497c8d390cee1b7650a56089796e0f383d02146bc09c52f/de4a57f0-3ced-4596-96e4-b6786cd6d37c.webp
   SECTION.md v3.2: `de4a57f0-3ced-4596-96e4-b6786cd6d37c` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Single-row customer logo strip** (Home)
   Small monochrome logos in one row under a short trust line add credibility without competing with the hero.
   Capture: 1440×206px; page bounds 796–1002px of 12120px; source section ID: `ae76fc83-29a0-4528-a837-0415d321f69c`; image: https://media.designdetails.io/library/64eb42fdbcb079cdcab4d51b10c714ee71d6c79ce9ca0191a8d3d41e6937706a/ae76fc83-29a0-4528-a837-0415d321f69c.webp
   SECTION.md v3.2: `ae76fc83-29a0-4528-a837-0415d321f69c` (deterministic evidence; editorial review pending)
4. **Features — Alternating feature rows with UI cards** (Home)
   Each row pairs a small label, short heading and brief copy with a product card, making each capability easy to scan.
   Capture: 1440×1311px; page bounds 981–2292px of 12120px; source section ID: `96239b15-3c19-4970-9fcb-beb7b82c849c`; image: https://media.designdetails.io/library/2524ab5c367cfff17260f43484de7ebcfe01eb29b87a8a3ffa058e9d798bcdca/section-manual-96239b15-3c19-4970-9fcb-beb7b82c849c-1793696481951.webp
   SECTION.md v3.2: `96239b15-3c19-4970-9fcb-beb7b82c849c` (deterministic evidence; editorial review pending)
5. **Stats — Carousel of benefit cards with metrics** (Home)
   A big percentage and illustrated cards in a sliding row let visitors browse outcomes one at a time with minimal text.
   Capture: 1440×924px; page bounds 3489–4413px of 12120px; source section ID: `e57bdba8-a35d-4dc5-97a1-6c4ddf4a1d77`; image: https://media.designdetails.io/library/f0ed0dd97cb9a0434f22ac7b641f8785f36535978edc71e3d1cb3e43254e445b/e57bdba8-a35d-4dc5-97a1-6c4ddf4a1d77.webp
   SECTION.md v3.2: `e57bdba8-a35d-4dc5-97a1-6c4ddf4a1d77` (deterministic evidence; editorial review pending)
6. **Testimonials — Customer quote beside portrait** (Home)
   A large quote with signature and title sits beside a warm photo, giving the claim a believable face and a story link.
   Capture: 1440×920px; page bounds 4413–5333px of 12120px; source section ID: `ed643815-e4c1-41a9-ad98-d61011f8f40e`; image: https://media.designdetails.io/library/b8ec36d005a599266ba98a7463bea4383d9b99bc6c6b7d7ab5ed1effaa012327/ed643815-e4c1-41a9-ad98-d61011f8f40e.webp
   SECTION.md v3.2: `ed643815-e4c1-41a9-ad98-d61011f8f40e` (deterministic evidence; editorial review pending)
7. **Features — Scroll-led value points with product cards** (Home)
   Short headings fade in and out beside layered UI cards on photos, tying each promise to something visible.
   Capture: 1440×2296px; page bounds 5333–7629px of 12120px; source section ID: `48b128c7-8829-465e-b5c0-cf115403b08a`; image: https://media.designdetails.io/library/f9f9716474712532e6a959eadf56d0e0186185405b62086f5337add697ec7841/48b128c7-8829-465e-b5c0-cf115403b08a.webp
   SECTION.md v3.2: `48b128c7-8829-465e-b5c0-cf115403b08a` (deterministic evidence; editorial review pending)
8. **Process — Four-step process panel with visuals** (Home)
   A numbered list highlights the active step with a short description while a visual on the right changes, showing the flow clearly.
   Capture: 1440×1096px; page bounds 7629–8725px of 12120px; source section ID: `01ca3a1d-2b9e-4e61-a407-1a773c84bfc4`; image: https://media.designdetails.io/library/cc8a779cb144cda3a5c7ac78cdb6a162be3156538e7d70210c70433ae2ecb260/01ca3a1d-2b9e-4e61-a407-1a773c84bfc4.webp
   SECTION.md v3.2: `01ca3a1d-2b9e-4e61-a407-1a773c84bfc4` (deterministic evidence; editorial review pending)
9. **Features — Bento grid of product screens** (Home)
   Mixed-size cards show real dashboards with short captions underneath, so visitors see the product and its purpose together.
   Capture: 1440×1279px; page bounds 8725–10004px of 12120px; source section ID: `a95d0c95-3bcf-4f98-b584-f051ba63729e`; image: https://media.designdetails.io/library/779e72e169d220d3cae9b424b45fbb1ab089324904c03d174479e0ffeaa9c768/a95d0c95-3bcf-4f98-b584-f051ba63729e.webp
   SECTION.md v3.2: `a95d0c95-3bcf-4f98-b584-f051ba63729e` (deterministic evidence; editorial review pending)
10. **Logo Cloud — Integration icons in dark panel** (Home)
   Uniform icon tiles with names under a short heading show compatibility with existing systems at a glance.
   Capture: 1440×430px; page bounds 10004–10434px of 12120px; source section ID: `7e29816b-2d19-4b1a-8c1f-7efb0bc959ab`; image: https://media.designdetails.io/library/b2bd8fbc8aa8e66227d68ded357e5fe6e2e68f7fd6d8ab2316ea680b03808fb7/7e29816b-2d19-4b1a-8c1f-7efb0bc959ab.webp
   SECTION.md v3.2: `7e29816b-2d19-4b1a-8c1f-7efb0bc959ab` (deterministic evidence; editorial review pending)
11. **CTA — Closing headline with two buttons** (Home)
   A large serif line on plain space with a filled primary and an outline secondary button gives a clear final next step.
   Capture: 1440×500px; page bounds 10434–10934px of 12120px; source section ID: `90ea50b3-956f-4afe-8d08-14d929c96acd`; image: https://media.designdetails.io/library/bb7318535e11ba55681d2577d003eb26f7e990563f6df1354236c544a3208c42/90ea50b3-956f-4afe-8d08-14d929c96acd.webp
   SECTION.md v3.2: `90ea50b3-956f-4afe-8d08-14d929c96acd` (deterministic evidence; editorial review pending)
12. **Footer — Multi-column footer with credentials** (Home)
   Link columns grouped by topic, plus compliance badges and legal text, keep navigation orderly and signal trust.
   Capture: 1440×1186px; page bounds 10934–12120px of 12120px; source section ID: `b3d4f148-3102-4ce5-ae06-cce1a50dadf2`; image: https://media.designdetails.io/library/e25a500198842e09d096a266986c88b18f7ade53124dcfbca5cce7468b165a9d/b3d4f148-3102-4ce5-ae06-cce1a50dadf2.webp
   SECTION.md v3.2: `b3d4f148-3102-4ce5-ae06-cce1a50dadf2` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/8e6f7b7116cb44ca3ccdc61801bb956d3fd8dd04321f6a66490f9d0833589503/desktop_full-c4685cf9-2026-11-03T05-24-10-502Z.webp
- Mobile screenshot: https://media.designdetails.io/library/d893904fdc862ee661297f80b048c582100d1057bc1bb5b0151776491917968c/mobile_full-c4685cf9-2026-11-03T05-24-59-728Z.webp
- Open Graph image: https://media.designdetails.io/library/e2d5280662381c1103d897d329c180a716ef1758d3491a44b8af1783b310f853/og_image-c4685cf9-2026-11-03T05-24-19-250Z.webp
- Full-page video: https://media.designdetails.io/library/60168b3cbaa891b86ad07cb4d404fc5ff98ed894669a4370252c2c0d27ee8b80/motion-1793690130998.mp4
- Video poster: https://media.designdetails.io/library/cc6f42c8614f06f313e5a9c88d7f429f88b396b0cfd01d41d96b52a427aaee9b/motion-poster-1793690130998.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
- Feature Card
- Testimonial Card
- Primary Button
- Outline Button
- Footer
- Torn Paper Edges
- Scroll Pinned Feature Showcase

## Quality rubric

Overall: 62.75/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Amperos presents a genuinely considered editorial identity for a B2B healthcare SaaS product: a warm brown/cream palette instead of the expected cold blue-black, a tasteful serif/sans/script type pairing, and a torn-paper collage motif that threads through hero photography, feature imagery, and footer dividers to humanize an 'agentic AI' pitch. This is good, purposeful design work that clearly avoids generic template defaults in its surface language. However, beneath that surface the page follows a familiar SaaS structure — hero, logo wall, alternating feature blocks, testimonial, stat banner, pinned feature showcase, dashboard screenshot gallery, large footer sitemap — and its motion vocabulary (video crossfade, scroll-triggered reveals, pin-and-swap section, hover dropdown) consists of widely used scroll-animation patterns rather than a bespoke system. The result is a cohesive, well-crafted execution within a recognizable idiom: distinctive enough to stand out from competitor sites, but not yet demonstrating the multiple reinforcing, hard-to-substitute ideas across layout and motion required for a 'strong' or higher rating.

- Typography (15%): 70 — A deliberate three-family system: 'reckless' serif for display/headings (sizes ranging 16px to 80px with tightening negative tracking from -0.1px to -1.6px), 'stkmiso' sans for body/UI copy, and 'rollerscript' script for testimonial signatures and the footer 'Follow us' label. The scale is varied and purposeful (60px hero, 56px CTA, 40/32/26/22px section heads), giving clear editorial hierarchy rather than a single hero font flourish.
- Color (10%): 66 — A warm, dark-brown canvas (#3E2F29) paired with off-white surfaces (#FDFAF8) and near-black brown text (#23120B) replaces the expected black/blue SaaS palette, which is a genuine differentiator for the category. The lavender accent (#CBADFF) is used sparingly as a controlled pop against the monochrome brown/cream base rather than as a dominant brand color.
- Layout (20%): 61 — The page follows a conventional B2B SaaS template — hero, logo strip, alternating feature/image blocks, testimonial, stat banner, pinned feature showcase, dashboard mockup gallery, CTA, large footer sitemap — executed with generous whitespace and consistent two-column splits. The pinned scroll-feature section is a nicer structural idea, but the overall skeleton is largely standard rather than a reinvented information architecture.
- Motion (20%): 59 — Observed motion includes a crossfading hero video, scroll-linked mockup reveals sliding up as sections enter view, a pinned section where text updates while imagery crossfades, and a hover-triggered footer dropdown. This is a coordinated set of effects across multiple sections rather than a single hero gimmick, but each pattern (video crossfade, scroll reveal, pin-and-swap) is a familiar, widely-used technique rather than a distinctive motion idea, and no easing/performance quality can be confirmed from evidence.
- Originality (25%): 61 — The torn-paper collage motif applied consistently to portrait photography and section dividers, combined with the warm monochrome brown palette and a script-font signature accent, gives the site a distinct identity against typical blue/black healthcare SaaS sites. However, this is essentially one strong recurring idea (the paper-tear treatment) layered onto an otherwise conventional SaaS template structure (hero, logo wall, feature cards, testimonial, dashboard screenshots, footer sitemap), which limits it from reaching a landmark multi-idea system.
- Content (10%): 64 — Dashboard and claim-card mockups are integrated into the collage imagery (torn paper framing photography with UI overlays), and copy is tied closely to specific product claims (claim IDs, dollar recoveries, aging days) and named client case studies/testimonials, giving the content a sense of purpose-built specificity rather than generic stock messaging.

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, deep brown background paired with a sunlit portrait and serif headlines gives a healthcare automation tool a human, trustworthy feel rather than a cold tech one. Small claim cards and dashboard snippets scattered down the long page show the product in context, while a torn lavender paper accent and client logos add credibility without cluttering the scan.

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