# Clarionhealth — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.clarionhealth.com/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:19:07.267Z at 1440×1000 — https://www.clarionhealth.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 Clarion Health homepage uses a refined, minimal, and slightly corporate editorial style. It relies on a warm, muted palette with dark green and brown accents alongside subtle off-whites. The typography pairs a classic, legible serif ('Moderat Serif Trial') for key headings with an approachable geometric sans-serif ('Geist') for body copy, contributing to a professional, healthcare-appropriate tone. Layouts are spacious and structured, utilizing distinct thematic sections such as split hero components, feature grids, logo marquees, and dynamic video frames.

## Classification

- Industry: health
- Site type: Landing
- Business model: AI, Software
- Styles: minimal, corporate, editorial, healthcare-professional
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Bpmf Zihi Kai Std — weight 500; size 61.7px; line-height 67.9px; tracking -1.9px; Regular (90% role confidence, computed values)
- Heading: Moderat Serif Trial — weight 300; size 48px; line-height 52.8px; tracking -1px; Regular (95% role confidence, computed values)
- Body: Geist — weight 400; size 16px; line-height 24px; tracking -0.2px; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #FBFAF8: color-1: computed rgb(251, 250, 248); AI role: Dominant background color for many sections, an off-white #FBFAF8. (95% role confidence, computed values)
- Text — text #361700: color-4: computed rgb(54, 23, 0); AI role: Primary dark brown text color #361700 used for standard headings and body copy on light backgrounds. (95% role confidence, computed values)
- Primary Action — primary action #3C210C: color-5: computed rgb(60, 33, 12); AI role: Dark brown #3C210C used for the prominent 'Try it out' button background. (90% role confidence, computed values)
- Text — text #FFFFFF: color-7: computed rgb(255, 255, 255); AI role: White text #FFFFFF used over dark backgrounds like the hero section and primary buttons. (90% role confidence, computed values)
- Surface — surface #F6F5EC: color-2: computed rgb(246, 245, 236); AI role: Secondary background color #F6F5EC used in sections like 'Your front office revenue engine' to distinguish them from the main canvas. (85% role confidence, computed values)
- Border — border #E7E4DA: color-9: computed rgb(231, 228, 218); AI role: Light beige #E7E4DA used for borders in logo strips and structural dividers. (85% role confidence, computed values)
- Canvas — canvas #072D35: color-3: computed rgb(7, 45, 53); AI role: Dark teal #072D35 used as the background for the hero section and the compliance banner. (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": "Bpmf Zihi Kai Std",
    "fontStack": "\"Bpmf Zihi Kai Std\", sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "26.4px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "h3",
        "text": "Capture",
        "top": 1487,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Convert",
        "top": 1487,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Recover",
        "top": 1487,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Bpmf Zihi Kai Std",
    "fontStack": "\"Bpmf Zihi Kai Std\", sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Inbound receptionist",
        "top": 2077,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Documents & referrals",
        "top": 2116,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Outbound engagement",
        "top": 2155,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Moderat Serif Trial",
    "fontStack": "\"Moderat Serif Trial\", sans-serif",
    "weight": "300",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Scale your practice",
        "top": 1050,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "One unified front office platform",
        "top": 1756,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Your front office revenue engine",
        "top": 2650,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Bpmf Zihi Kai Std",
    "fontStack": "\"Bpmf Zihi Kai Std\", sans-serif",
    "weight": "500",
    "size": "61.7px",
    "lineHeight": "67.9px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "The front office that runs itself.",
        "top": 540,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Bpmf Zihi Kai Std",
    "fontStack": "\"Bpmf Zihi Kai Std\", sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "See how Clarion can transform your patient communication",
        "top": 7362,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 19,
    "contexts": [
      {
        "tag": "p",
        "text": "Answer every call, text, and message 24/7. No patients lost to hold music or after-hours gaps.",
        "top": 1530,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Turn referrals into booked appointments in hours, not weeks, and double your conversion rate.",
        "top": 1530,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Cut no-shows in half and automatically backfill cancelled slots to keep your schedule full.",
        "top": 1530,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "From answering every call to processing referrals and bringing patients back for care, Clarion keeps",
        "top": 700,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Simplify everyday tasks so your team can focus on what matters most.",
        "top": 1117,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Handles scheduling, rescheduling, refills, patient questions, and escalations using your practice's ",
        "top": 2271,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Everything your front office handles today, done automatically and at any hour.",
        "top": 2770,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Clarion doesn't sit beside your EHR. It works inside it. Scheduling rules, provider availability, pa",
        "top": 3602,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Scale your practice with AI that mirrors your best staff, simplifies complex escalations, and keeps ",
        "top": 6543,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Company",
        "top": 8062,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Try it out",
        "top": 25,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Schedule a demo",
        "top": 790,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Try it out",
        "top": 790,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 17,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Company",
        "top": 17,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FBFAF8",
    "alpha": 1,
    "cssValue": "rgb(251, 250, 248)",
    "count": 82,
    "contexts": [
      {
        "tag": "body",
        "text": "/* Apply font smoothing */ body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialia",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Inbound receptionist",
        "top": 2077,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Handles scheduling, rescheduling, refills, patient questions, and escalations using your practice's ",
        "top": 2271,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F6F5EC",
    "alpha": 1,
    "cssValue": "rgb(246, 245, 236)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "CaptureAnswer every call, text, and message 24/7. No patients lost to hold music or after-hours gaps",
        "top": 1189,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Your front office revenue engineEverything your front office handles today, done automatically and a",
        "top": 2550,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#072D35",
    "alpha": 1,
    "cssValue": "rgb(7, 45, 53)",
    "count": 3,
    "contexts": [
      {
        "tag": "section",
        "text": "The front office that runs itself.From answering every call to processing referrals and bringing pat",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Compliance & securityBuilt to the highest standards in healthcare: HITRUST, HIPAA, and SOC 2 complia",
        "top": 4171,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#361700",
    "alpha": 1,
    "cssValue": "rgb(54, 23, 0)",
    "count": 54,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 17,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Schedule a demo",
        "top": 790,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Simplify everyday tasks so your team can focus on what matters most.",
        "top": 1117,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#3C210C",
    "alpha": 1,
    "cssValue": "rgb(60, 33, 12)",
    "count": 21,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 26,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Try it out",
        "top": 15,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "Try it out",
        "top": 15,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#888680",
    "alpha": 1,
    "cssValue": "rgb(136, 134, 128)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "/* ------------------------------------------------------------------ Stop the tab content jumping w",
        "top": 1696,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 17,
    "contexts": [
      {
        "tag": "div",
        "text": "HomeCompanyTry it out",
        "top": 8,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Try it out",
        "top": 25,
        "property": "text"
      },
      {
        "tag": "h1",
        "text": "The front office that runs itself.",
        "top": 540,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FDFCFB",
    "alpha": 1,
    "cssValue": "rgb(253, 252, 251)",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "One unified front office platform",
        "top": 1756,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#E7E4DA",
    "alpha": 1,
    "cssValue": "rgb(231, 228, 218)",
    "count": 216,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 3798,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#3B1400",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(54, 23, 0, 0.1)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "71%Reduction in no-shows",
        "top": 2890,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Inbound receptionistDocuments & referralsOutbound engagement",
        "top": 2077,
        "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: Sections are clearly delineated with generous vertical padding. Internal component spacing, such as within feature grids, relies on consistent gaps and clear margins.
- Corner style: Combination of rounded elements (buttons, feature icons) and sharper, square elements (images, some cards).
- Radius: Buttons feature a prominent pill-shape (fully rounded corners). Cards and images generally have minimal or no border radius.
- Borders: Subtle, solid, thin borders used in the logo carousels and occasionally around feature cards to separate elements on similar backgrounds.
- Buttons: Solid pill-shaped primary buttons (dark brown on light) and outlined pill-shaped buttons (white border on dark backgrounds).
- Content width: Content is constrained to a central max-width layout, leaving margins on larger viewports.
- Density: Spacious and comfortable. The minimal aesthetic relies on generous white space to direct focus rather than dense packing of information.
- Evidence: Observed in the floating navigation pill, the clear separation of horizontal sections, and the precise button styling throughout the page.

## Sections

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

1. **Hero — The front office that runs itself** (Home)
   AI suggestion (98% confidence): Complete full-bleed hero with navigation, prominent healthcare-office imagery, value proposition, dual CTAs, and an integrated customer logo row.
   Capture: 1440×957px; page bounds 0–957px of 8434px; source section ID: `281fa0d2-a53b-4ac6-b686-94676b23e1db`; image: https://media.designdetails.io/library/8944867b33d2480064dd2c6b6302456c949de6e0a78440be30bb2b39a2edba2e/281fa0d2-a53b-4ac6-b686-94676b23e1db.webp
   SECTION.md v3.2: `281fa0d2-a53b-4ac6-b686-94676b23e1db` (deterministic evidence; editorial review pending)
2. **Feature Grid — Scale your practice** (Home)
   AI suggestion (97% confidence): Self-contained three-column feature grid with a clear heading and complete Capture, Convert, and Recover workflow cards.
   Capture: 1440×681px; page bounds 960–1641px of 8434px; source section ID: `06f81c5e-cd26-49fb-b4b8-9e807e40350f`; image: https://media.designdetails.io/library/97fc31819168cf7f092cf2aea412ae9373bb9e765c69ca0f6be5f4cd5d46e365/06f81c5e-cd26-49fb-b4b8-9e807e40350f.webp
   SECTION.md v3.2: `06f81c5e-cd26-49fb-b4b8-9e807e40350f` (deterministic evidence; editorial review pending)
3. **Feature Grid — Front Office Revenue Engine** (Home)
   AI suggestion (96% confidence): Complete benefits grid pairing four operational capabilities with a substantial performance-stat column, clear heading, and a distinct section boundary.
   Capture: 1440×759px; page bounds 2600–3359px of 8434px; source section ID: `458bc6a3-7621-464d-9a81-cf27e985918f`; image: https://media.designdetails.io/library/d1f0ca84b2c0830daff9f774984c23fbc229e4ae02a4d700e676e79f19c7b5b8/458bc6a3-7621-464d-9a81-cf27e985918f.webp
   SECTION.md v3.2: `458bc6a3-7621-464d-9a81-cf27e985918f` (deterministic evidence; editorial review pending)
4. **Logo Cloud — Healthcare Systems Integrations** (Home)
   AI suggestion (94% confidence): Self-contained integrations showcase with a heading, explanatory copy, categorized EHR and phone-platform logo rows, plus an integrated compliance credential banner.
   Capture: 1440×1098px; page bounds 3359–4457px of 8434px; source section ID: `45e187d3-f5b4-4d3d-b9a5-71d54b99e6c9`; image: https://media.designdetails.io/library/b168f77e7c69e61bad0a6b7b1bacdff03a239e3740fee0b70f3dd5d9ed10d63f/45e187d3-f5b4-4d3d-b9a5-71d54b99e6c9.webp
   SECTION.md v3.2: `45e187d3-f5b4-4d3d-b9a5-71d54b99e6c9` (deterministic evidence; editorial review pending)
5. **Feature Grid — Why leading practices choose Clarion** (Home)
   AI suggestion (98% confidence): Complete benefits section with a clear heading, supporting copy, four coordinated feature cards, and a closing team-contact button.
   Capture: 1440×957px; page bounds 6304–7261px of 8434px; source section ID: `3cac84f4-31f9-4718-b037-2e61efe94a28`; image: https://media.designdetails.io/library/b115d59adf8bbe09e0a05fec5b27c6d5bd97a16a956b32c02b1769addd85011b/3cac84f4-31f9-4718-b037-2e61efe94a28.webp
   SECTION.md v3.2: `3cac84f4-31f9-4718-b037-2e61efe94a28` (deterministic evidence; editorial review pending)
6. **CTA — Transform your patient communication** (Home)
   AI suggestion (99% confidence): Complete full-width conversion banner combining a prominent demo prompt and button with a distinctive workplace photograph.
   Capture: 1440×726px; page bounds 7264–7990px of 8434px; source section ID: `ea883623-6e1e-423c-8bff-9bdb2aaba363`; image: https://media.designdetails.io/library/2c5683b4de3903e13ad592a1429abe89189db269ec527c3e86a7a00f49ae0823/ea883623-6e1e-423c-8bff-9bdb2aaba363.webp
   SECTION.md v3.2: `ea883623-6e1e-423c-8bff-9bdb2aaba363` (deterministic evidence; editorial review pending)
7. **Footer — Clarion Company Footer** (Home)
   AI suggestion (98% confidence): Complete page footer with brand mark, company navigation, social links, copyright, and legal links in a spacious self-contained layout.
   Capture: 1440×444px; page bounds 7990–8434px of 8434px; source section ID: `be711f8c-3cdf-49b9-815d-cbcf5ab13470`; image: https://media.designdetails.io/library/8b444acc9e94a42e1b53da6f3085d16d1e3bcaec46ae13720d40da57302a234a/be711f8c-3cdf-49b9-815d-cbcf5ab13470.webp
   SECTION.md v3.2: `be711f8c-3cdf-49b9-815d-cbcf5ab13470` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/9ce401780923db9f3a94f2f441ca6727b84fb93e2cbdc70736239168bb2f348e/desktop_full-1aa22270-2026-10-10T05-19-07-275Z.webp
- Mobile screenshot: https://media.designdetails.io/library/c7dbff268445f9522fc546936656640fe71b2ba11898fc806ff48c652f8eba0a/mobile_full-1aa22270-2026-10-10T05-19-51-531Z.webp
- Open Graph image: https://media.designdetails.io/library/6bfcc8bb1ba2c45a4d05c8f78ce3a397623a7e3a02777c1978574c4604bc9db2/og_image-1aa22270-2026-10-10T05-19-14-059Z.webp
- Full-page video: https://media.designdetails.io/library/af63c7331103a9252cab4530e3483c137ed561426b5cd963c97bf32ba3ba34a6/motion-1791618890160.mp4
- Video poster: https://media.designdetails.io/library/e4de27c903381c5c02979f0b8eaa53c4f7b18fb5fe84b12041ea666e7e0ba298/motion-poster-1791618890160.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 Collection
- Split Hero
- Stat Block
- Feature Card
- Primary Button
- Outline Button
- Footer
- Badge
- Horizontal Scrolling Cards
- Interactive Functionality List

## Quality rubric

Overall: 54.35/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Clarion Health's homepage is a cleanly produced, systemically consistent marketing site with a pleasant warm palette and legible type hierarchy, but its section sequence, components, and motion vocabulary closely follow the now-standard AI/SaaS landing-page template, and a possible font-loading issue in the display headings undercuts polish — placing it solidly in competent execution rather than a distinctive design statement.

- Typography (15%): 60 — A clear two/three-tier hierarchy is established (61.7px display, 48px serif H2, 32/24px card heads, 16/14px body) with consistent negative tracking, and the light-weight serif paired with Geist sans gives a legible, professional feel appropriate to a healthcare SaaS product. However, the system is a standard editorial-serif/sans pairing seen across many corporate sites, and large headings load under the oddly-named 'Bpmf Zihi Kai Std' family (literally the CJK phonetic-symbol font name used as a fallback label), which raises doubt about whether the intended display font is reliably rendering.
- Color (10%): 64 — The palette avoids generic SaaS blue in favor of a warm off-white canvas (#FBFAF8/#F6F5EC), dark brown text/CTA (#361700/#3C210C), and a dark teal accent (#072D35) for hero and compliance sections, giving the site a distinct, calm, healthcare-appropriate identity. Usage is consistent across sections (light canvas vs. dark teal/brown inversions), but the palette is fairly conventional in structure (one neutral base, one dark accent, one CTA brown) without any secondary or tertiary hue doing real narrative work.
- Layout (20%): 62 — The page runs a coherent, max-width-constrained system with generous vertical rhythm, alternating light/dark sections, a floating pill nav, split hero/content blocks, a stat list, a 3-card feature grid, two opposite-direction logo marquees, and a horizontal-scroll implementation carousel. This is a well-assembled multi-section system rather than a single hero trick, but the individual module types (feature grid, split image/text, logo strip, stat list, horizontal cards) are extremely common SaaS landing-page patterns executed competently rather than reimagined.
- Motion (20%): 54 — Motion is present and varied in type (two logo marquees moving in opposite directions, scroll-triggered icon reveals on feature cards, a horizontal card-scroll carousel, and a dynamic text list where items dim/brighten as a video plays), but every one of these is a common, templated scroll-interaction pattern with no evidence of distinctive timing, choreography, or purpose-built transitions tying the motion language to the brand. The observation data does not establish smoothness, easing quality, or performance.
- Originality (25%): 39 — The overall structure—video hero with floating pill nav, logo marquee, 3-icon feature grid, split image/dark-panel feature block, stat list, dual logo carousels, dark compliance banner with circular badges, horizontal implementation-step cards, 4-card 'why choose us' grid, final video CTA, minimal footer—is an extremely common sequence seen across contemporary AI/SaaS marketing sites. The warm brown/teal palette is a modest point of difference, but no component, transition, or layout idea here is hard to substitute from a generic B2B SaaS template; nothing requires this specific brand's content to exist.
- Content (10%): 60 — Text and imagery are matched sensibly to the healthcare front-office narrative: photography of medical staff on phones/paperwork, stats placed beside relevant feature descriptions, and compliance badges (HITRUST/HIPAA/SOC2) paired with security copy. Integration logos are organized by category (EHR vs. phones/messaging), reinforcing the claim of broad compatibility. The content system is clear and purpose-built but doesn't go beyond straightforward pairing of stock-style photography with marketing copy.

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

## Curator notes

A warm photo of a smiling nurse on the phone paired with a serif headline makes an AI product feel human rather than robotic. Soft cream and brown panels break the long page into clear chapters, while small flow diagrams for capture, convert and recover let visitors scan how the system works without reading paragraphs.

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