# Tennr — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.tennr.com/
Captured: 2026-10-11
CSS measured: 2026-10-11T03:39:13.700Z at 1440×1000 — https://www.tennr.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 of Tennr.com showcases a sophisticated and editorial aesthetic, employing a muted, earthy color palette with warm tones like terracotta, beige, and soft brown. Typography is a focal point, pairing an elegant serif display font (`featureDisplay`) for prominent headings with a clean sans-serif (`abcMarfa`) for body copy and uppercase labels, creating a harmonious and premium feel. The layout makes use of ample whitespace, structured grids, and subtle layering effects. Custom components include elegant feature cards with soft illustrations, a logo marquee for social proof, and distinctive testimonial cards that enhance trust.

## Classification

- Industry: health
- Site type: Landing, Portfolio
- Business model: AI, Software, Portfolio
- Styles: editorial, corporate, minimal, soft, typographic, earthy, layered-geometry
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: featureDisplay — weight 300; size 64px; line-height 70.4px; tracking 1%; Regular (95% role confidence, computed values)
- Heading: featureDisplay — weight 300; size 48px; line-height 52.8px; tracking 1%; Regular (95% role confidence, computed values)
- Body: abcMarfa — weight 300; size 18px; line-height 24.3px; tracking -3%; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #72554D: color-5: computed rgb(114, 85, 77); AI role: Dominant background color for the hero, footer, and other major sections. `#72554D` (terracotta/brown). (90% role confidence, computed values)
- Surface — surface #EEDFD1: color-3: computed rgb(238, 223, 209); AI role: Used as a secondary background color for lighter sections and standard buttons. `#EEDFD1` (beige). (90% role confidence, computed values)
- Text — text #5F4037: color-8: computed rgb(95, 64, 55); AI role: Used for text on light backgrounds. `#5F4037` (dark brown). (90% role confidence, computed values)
- Surface — surface #FBFBF9: color-6: computed rgb(251, 251, 249); AI role: Used for the background of testimonial cards and case study cards. `#FBFBF9` (off-white). (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": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "13px",
    "letterSpacing": "15%",
    "traits": "uppercase",
    "count": 11,
    "contexts": [
      {
        "tag": "h4",
        "text": "RIGHT PATIENT. RIGHT CARE SETTING. EVERY TIME.",
        "top": 674,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "AT A GLANCE",
        "top": 1266,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "THE BOTTOM LINE",
        "top": 1760,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "featureDisplay",
    "fontStack": "featureDisplay, \"featureDisplay Fallback\"",
    "weight": "300",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "1%",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "h2",
        "text": "With Tennr, patients flow",
        "top": 1295,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "No delays. Fewer denials. Optimal patient journeys.",
        "top": 1789,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Trusted nationwide",
        "top": 2913,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "300",
    "size": "28px",
    "lineHeight": "33px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Move patients to the right places",
        "top": 2375,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Slash first-pass denials",
        "top": 2375,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Close the loop in care coordination",
        "top": 2375,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "featureDisplay",
    "fontStack": "featureDisplay, \"featureDisplay Fallback\"",
    "weight": "300",
    "size": "64px",
    "lineHeight": "70.4px",
    "letterSpacing": "1%",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "Move patients forward",
        "top": 711,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "No backlog, no bottlenecks—just growth",
        "top": 8349,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "300",
    "size": "18px",
    "lineHeight": "24.3px",
    "letterSpacing": "-3%",
    "traits": "Regular",
    "count": 29,
    "contexts": [
      {
        "tag": "p",
        "text": "Tennr is an agentic patient orchestration platform built for policy-grade decisioning and patient fl",
        "top": 804,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Make intelligent operational decisions through every patient order, referral, or complex care journe",
        "top": 1364,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Tennr intelligently processes and routes patients so high-performing healthcare operations can route",
        "top": 2016,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "300",
    "size": "21px",
    "lineHeight": "26px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "“With Tennr, we’re able to do things so much faster, and it's just huge. It’s been a game changer. W",
        "top": 5448,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“I call it the 'Tennr effect.' For every action, there's a reaction. As we speed things up at the fr",
        "top": 5448,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“We hit 260 faxes in one day… and were able to manage it.”",
        "top": 5448,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Alyssa JakubowskiRevenue Cycle and Compliance Manager at NEB Medical",
        "top": 5586,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Chip HollandPresident of Total Sleep Management",
        "top": 5596,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Amy WillisDirector of Complex Rehab at King Drug",
        "top": 5596,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "345 Hudson St, Floor 4",
        "top": 9087,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "New York, NY 10014",
        "top": 9106,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "24.3px",
    "letterSpacing": "-3%",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Join us Nov. 3 for a live webinar on fertility's shift from self-pay to insurance",
        "top": 1,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Product",
        "top": 83,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Who We Serve",
        "top": 83,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "featureDisplay",
    "fontStack": "featureDisplay, \"featureDisplay Fallback\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "36.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Inbound and outbound phone calling",
        "top": 3870,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Full-funnel visibility for stakeholders",
        "top": 4064,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Have smoother financial conversations sooner",
        "top": 4137,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "1.8px",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a Demo",
        "top": 70,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Learn More",
        "top": 907,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Explore the Product",
        "top": 2585,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "abcMarfa",
    "fontStack": "abcMarfa, \"abcMarfa Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 8919,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About Us",
        "top": 8919,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Press",
        "top": 8919,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 28,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 85,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 474,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F5DCB6",
    "alpha": 1,
    "cssValue": "rgb(245, 220, 182)",
    "count": 10,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 31,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#EEDFD1",
    "alpha": 1,
    "cssValue": "rgb(238, 223, 209)",
    "count": 135,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 92,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Product",
        "top": 83,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Who We Serve",
        "top": 83,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#D1B7AD",
    "alpha": 1,
    "cssValue": "rgb(209, 183, 173)",
    "count": 8,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4239,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#72554D",
    "alpha": 1,
    "cssValue": "rgb(114, 85, 77)",
    "count": 1803,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 3115,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 3115,
        "property": "::after-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3143,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FBFBF9",
    "alpha": 1,
    "cssValue": "rgb(251, 251, 249)",
    "count": 59,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 3115,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#9B4E45",
    "alpha": 1,
    "cssValue": "rgb(155, 78, 69)",
    "count": 1,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#5F4037",
    "alpha": 1,
    "cssValue": "rgb(95, 64, 55)",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "Join us Nov. 3 for a live webinar on fertility's shift from self-pay to insurance",
        "top": 1,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "“With Tennr, we’re able to do things so much faster, and it's just huge. It’s been a game changer. W",
        "top": 5448,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "",
        "top": 5699,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F0E1D2",
    "alpha": 0.2,
    "cssValue": "color(srgb 0.933333 0.87451 0.819608 / 0.2)",
    "count": 18,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 70,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 70,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 70,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EBDED1",
    "alpha": 0.8,
    "cssValue": "rgba(235, 222, 209, 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Join us Nov. 3 for a live webinar on fertility's shift from self-pay to insurance",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#73554D",
    "alpha": 1,
    "cssValue": "rgb(115, 85, 77)",
    "count": 18,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3139,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FBFCFB",
    "alpha": 1,
    "cssValue": "rgb(251, 252, 251)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3141,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#5A413C",
    "alpha": 1,
    "cssValue": "rgb(90, 65, 60)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7103,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#725656",
    "alpha": 1,
    "cssValue": "rgb(114, 86, 86)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7096,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#664C49",
    "alpha": 1,
    "cssValue": "rgb(102, 76, 73)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7103,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#664B45",
    "alpha": 1,
    "cssValue": "rgb(102, 75, 69)",
    "count": 8,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7170,
        "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 vertical spacing between major sections (e.g., margins often exceed 100px), with comfortable padding within components to maintain a clean, airy feel.
- Corner style: Sharp, square corners (0px border-radius) are consistently used for buttons, cards, and image containers.
- Radius: 0px
- Borders: Borders are generally avoided in favor of background color blocking and subtle drop shadows (e.g., on testimonial cards) to define boundaries.
- Buttons: Solid fill rectangles with sharp corners and centered uppercase text with tracking (`font-11`, letter-spacing 1.8px). No borders.
- Content width: Maximum content width appears constrained centrally, aligning elements cleanly into a structured grid (likely around 1200px max-width).
- Density: Low density, relying on negative space and typography scale to guide the eye rather than cramming information.
- Evidence: Visual inspection of component crops reveals sharp corners on buttons ('BOOK A DEMO', 'LEARN MORE') and cards (Testimonials). Spacing is evident in the large gaps between headings and body text.

## Sections

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

1. **Features — Patient flow, optimized** (Home)
   Reusable feature composition from Home, organized around “Patient flow, optimized”.
   Capture: 1440×854px; page bounds 4336–5190px of 9153px; source section ID: `bdf3a770-f49e-447a-97fb-f6cfdb2d0947`; image: https://media.designdetails.io/library/b5b72ed78341f690fa6e3cdb53777b793508848438709364b4741295cfe1bdf4/section-manual-bdf3a770-f49e-447a-97fb-f6cfdb2d0947-1791700790106.webp
   SECTION.md v3.2: `bdf3a770-f49e-447a-97fb-f6cfdb2d0947` (deterministic evidence; editorial review pending)
2. **Testimonials — What our customers say** (Home)
   Testimonials composition from Home, organized around “What our customers say”.
   Capture: 1440×687px; page bounds 5097–5784px of 9153px; source section ID: `6e027055-1a6e-49ce-9af5-6be48bf40987`; image: https://media.designdetails.io/library/d46a2217d46fe5044e3df3908f2354c0cb7669ca59cc942a23a2f3868828188e/section_crop-6e027055-2026-10-11T03-39-29-577Z.webp
   SECTION.md v3.2: `6e027055-1a6e-49ce-9af5-6be48bf40987` (deterministic evidence; editorial review pending)
3. **Features — Tennr sets a new standard for healthcare ops** (Home)
   Reusable feature composition from Home, organized around “Tennr sets a new standard for healthcare ops”.
   Capture: 1440×1044px; page bounds 5785–6829px of 9153px; source section ID: `6ccc8e05-3e16-4bb6-aac9-5dc36bcab5fd`; image: https://media.designdetails.io/library/34d7ef4af20e582dce62c0069b0098cc3083e6a28903f184bf896aea750a0374/section-manual-6ccc8e05-3e16-4bb6-aac9-5dc36bcab5fd-1791700800077.webp
   SECTION.md v3.2: `6ccc8e05-3e16-4bb6-aac9-5dc36bcab5fd` (deterministic evidence; editorial review pending)
4. **Hero — Move Patients Forward Hero** (Home)
   AI suggestion (90% confidence): A complete opening hero with integrated navigation, positioning statement, explanatory copy, CTA, and distinctive layered architectural artwork.
   Capture: 1440×1020px; page bounds 54–1074px of 9153px; source section ID: `9676a8fc-687c-474b-8971-93526ee1d239`; image: https://media.designdetails.io/library/d2d2ec36f42425d36f6437f3bc50bb5d347ec81fc3234bd2cd9c6a86dc536711/9676a8fc-687c-474b-8971-93526ee1d239.webp
   SECTION.md v3.2: `9676a8fc-687c-474b-8971-93526ee1d239` (deterministic evidence; editorial review pending)
5. **Logo Cloud — Trusted Nationwide Provider Logos** (Home)
   AI suggestion (91% confidence): Complete trust section with a clear audience heading, supporting copy, and a distinctive horizontal collection of healthcare-provider logos.
   Capture: 1440×393px; page bounds 2873–3266px of 9153px; source section ID: `009f0b16-1d55-4578-a5db-1d9ebe039f5f`; image: https://media.designdetails.io/library/178cfc1726b4ace10d4bd9424c02b4f458a70b00a97cdc0652e94b5ce562f3cb/009f0b16-1d55-4578-a5db-1d9ebe039f5f.webp
   SECTION.md v3.2: `009f0b16-1d55-4578-a5db-1d9ebe039f5f` (deterministic evidence; editorial review pending)
6. **Features — Proactive Patient Communication** (Home)
   AI suggestion (94% confidence): Self-contained product feature combining a strong section heading, explanatory copy, a calling-activity dashboard visual, and detailed communication benefits.
   Capture: 1440×941px; page bounds 3424–4365px of 9153px; source section ID: `7bc0eb7c-2d5b-47ee-91f6-24ca48aa652e`; image: https://media.designdetails.io/library/75be651cb9fb7ef499cfa78dd18e539e44aaa0b784a3f4bc8c4dd90569bab49b/section-manual-7bc0eb7c-2d5b-47ee-91f6-24ca48aa652e-1791700781461.webp
   SECTION.md v3.2: `7bc0eb7c-2d5b-47ee-91f6-24ca48aa652e` (deterministic evidence; editorial review pending)
7. **Editorial — Customer case study grid** (Home)
   AI suggestion (97% confidence): Complete case-studies section with heading, supporting copy, three consistently styled customer story cards, and a concluding browse-more CTA.
   Capture: 1440×678px; page bounds 6856–7534px of 9153px; source section ID: `e0604069-7b7b-445f-bec6-254577d955bb`; image: https://media.designdetails.io/library/d7cf7bbd5fdb1afb27814d8c0c6d4512237f9c5c211ffb598eccf97f8eaae0f8/e0604069-7b7b-445f-bec6-254577d955bb.webp
   SECTION.md v3.2: `e0604069-7b7b-445f-bec6-254577d955bb` (deterministic evidence; editorial review pending)
8. **Logo Cloud — Press recognition logo cloud** (Home)
   AI suggestion (96% confidence): Self-contained press section pairing a clear headline with a compact cloud of recognizable publication logos.
   Capture: 1440×417px; page bounds 7711–8128px of 9153px; source section ID: `13dd9613-04c2-4f32-89df-d064803b8f86`; image: https://media.designdetails.io/library/040c3c635258a2b9e89a04b0d0ed080e091df778472ef5c355a0c39018abd1e4/13dd9613-04c2-4f32-89df-d064803b8f86.webp
   SECTION.md v3.2: `13dd9613-04c2-4f32-89df-d064803b8f86` (deterministic evidence; editorial review pending)
9. **Footer — Growth CTA and Brand Footer** (Home)
   AI suggestion (94% confidence): Complete, substantial footer system combining a prominent conversion message and button with branded artwork, navigation columns, address, compliance marks, and social links.
   Capture: 1440×947px; page bounds 8206–9153px of 9153px; source section ID: `644b8d68-75f6-4e58-927c-053b7505481c`; image: https://media.designdetails.io/library/c9b6998000eef8fa5a0c2775cd28f0547d8167f25eae13253d3d47095f9aa25d/644b8d68-75f6-4e58-927c-053b7505481c.webp
   SECTION.md v3.2: `644b8d68-75f6-4e58-927c-053b7505481c` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/07a479b8fdc1a53b8b55b4aae4749853d270b7925dc893b16db177c913560168/desktop_full-1b4b3d48-2026-10-11T03-39-13-722Z.webp
- Mobile screenshot: https://media.designdetails.io/library/4c8e1e45b38d60b8c1402b53c97001b710e9f6c60669b2b56e24d6888db8aec9/mobile_full-1b4b3d48-2026-10-11T03-40-03-212Z.webp
- Open Graph image: https://media.designdetails.io/library/239a6ef596395869633421d59a2ec729a45976a5f2702bb5dccd778ed3510277/og_image-1b4b3d48-2026-10-11T03-39-23-702Z.webp
- Full-page video: https://media.designdetails.io/library/0986b516cfffd137f73e717e7a17ed6102bbff6c9155785ab6bc1121c6e1213e/motion-1791699212426.mp4
- Video poster: https://media.designdetails.io/library/b19d0f622333783a6000b41c05e6b857ee61739dbbfe5967dda9098615df5a21/motion-poster-1791699212426.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Announcement Bar
- Navigation Bar
- Hero
- Feature Card
- Logo Strip
- Product UI
- Testimonial Card
- Primary Button
- Footer
- Scroll Linked Interactive Feature List
- Overcast Background Illustration

## Quality rubric

Overall: 60.05/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Tennr.com is a competently executed, visually cohesive B2B marketing site with a tasteful earthy palette, disciplined serif/sans typographic pairing, and a functional scroll-linked feature narrative, but it closely follows a now-common 'editorial SaaS' template (muted warm tones, light serif headlines, logo marquee, testimonial cards) that limits its originality and keeps its motion and layout choices largely conventional rather than distinctive.

- Typography (15%): 67 — A clear two-family system (serif featureDisplay for display/heading roles, sans abcMarfa for body/labels) is applied consistently across measured sizes (64/48/32/28/21/18/14/13px) with generous line-height and tracked uppercase labels for eyebrow text. Hierarchy is legible and consistently applied across sections, but the pairing itself (light-weight serif headline + sans body) is a common contemporary B2B convention rather than a distinctive typographic system.
- Color (10%): 62 — A tight, cohesive earthy palette (terracotta #72554D, beige #EEDFD1, dark brown #5F4037, off-white #FBFBF9) is used consistently for backgrounds, text, and buttons with no stray hues. This produces harmony but also a narrow tonal range with little contrast tension beyond value shifts; accent color (e.g., in illustrations) is minimal.
- Layout (20%): 65 — Structured grid-based sections (hero, 3-col feature cards, logo marquee, scroll-linked feature/illustration pairing, testimonial trio, case-study trio, press logos, footer) show a repeatable system with consistent spacing rhythm and sharp-cornered component language (0px radius) carried through buttons and cards. The pattern is coherent across the full page length but relies on conventional SaaS section archetypes.
- Motion (20%): 60 — Motion is present and tied to a recurring layered-diamond motif bookending hero and footer, plus a functional scroll-linked text/illustration highlight and a logo marquee. These are coherent but consist of standard contemporary patterns (ambient background pulse, fade-up icon entrances, infinite marquee, scroll-triggered active-state text) without evidence of refined easing, choreography, or novel interaction beyond the norm.
- Originality (25%): 48 — The overall idiom—muted earthy palette, light serif headline over sans body, sharp-cornered cards, logo marquee, testimonial trio, scroll-linked feature narrative—closely matches a now-widespread 'editorial B2B SaaS' template seen across many funded startups. The recurring layered-diamond illustration is a specific identifiable device, but it functions as decorative motif rather than a structurally novel idea, and nothing here is hard to substitute with a competitor's near-identical site.
- Content (10%): 68 — Content integration is handled well: product UI mockups (Phone Calling Activity panel with simulated stats/table) are tailored to the specific product, testimonials include named customers with roles and real client logos, and case-study cards reference actual named partners (HomeMedix, Eastern MedTech, NEB Medical). Press logos (Fortune, Forbes, Axios, Bloomberg, TechCrunch) reinforce credibility.

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 terracotta and rust palette with stacked translucent diamond shapes gives a clinical product a warm, calming mood instead of the usual cold healthcare blue. Large serif headlines paired with small spaced-out capital labels create clear stopping points as the page shifts from a dark hero to a light testimonial and logo section, making a long page easy to 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.