# Parloa — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.parloa.com/
Captured: 2026-10-15
CSS measured: 2026-10-15T14:36:12.862Z at 1440×1000 — https://www.parloa.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 Parloa website exhibits a premium, enterprise-focused aesthetic combining minimalist layout principles with elegant editorial typography. The visual language relies heavily on warm, off-white background tones paired with a strong, highly legible serif typeface for primary headings. High-quality photographic and video assets ground the design in reality, while subtle, rounded UI elements (like floating chat bubbles) hint at the product's conversational AI nature. A distinct vibrant orange serves as the primary accent and action color, contrasting sharply against the otherwise subdued, warm-gray palette.

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, editorial, corporate, photographic, warm-premium
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: Season Serif — weight 440; size 54px; line-height 56.7px; tracking -0.5px; Regular (95% role confidence, computed values)
- Heading: Season Serif — weight 440; size 42px; line-height 44.1px; tracking -0.4px; Regular (90% role confidence, computed values)
- Body: Geist — weight 300; size 16px; line-height 24px; tracking normal; Regular (95% role confidence, computed values)
- Mono: Geist Mono — weight 300; size 9px; line-height 10.8px; tracking 0.4px; Regular (90% role confidence, computed values)

## Functional palette

- Surface — surface #F5F4F0: color-3: computed rgb(245, 244, 240); AI role: #F5F4F0 used extensively as a background for cards, platform diagrams, and the newsletter section. (95% role confidence, computed values)
- Text — text #1F1C1B: color-2: computed rgb(31, 28, 27); AI role: #1F1C1B (near black) used for primary headings and body copy. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: #FFFFFF used as the primary background color for several sections. (90% role confidence, computed values)
- Muted Text — muted text #746861: color-7: computed rgb(116, 104, 97); AI role: #746861 used for footer links, copyright text, and secondary labels. (90% role confidence, computed values)
- Primary Action — primary action #FF5522: color-10: computed rgb(255, 85, 34); AI role: #FF5522 (orange) used for primary CTA buttons ('Explore the platform'). (90% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Season Serif",
    "fontStack": "\"Season Serif\", serif",
    "weight": "440",
    "size": "54px",
    "lineHeight": "56.7px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "h1",
        "text": "AI agents that turn customer conversations into lasting loyalty.",
        "top": 724,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Why enterprises confidently scale agentic CX with Parloa.",
        "top": 1331,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "One platform across the AI agent lifecycle.",
        "top": 2236,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "1. Anyone can build an AI agent with Parloa.",
        "top": 1845,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "2. AI agents continuously self-improve.",
        "top": 1845,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "3. We start by uncovering your Dark Journey.",
        "top": 1845,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Season Serif",
    "fontStack": "\"Season Serif\", serif",
    "weight": "440",
    "size": "42px",
    "lineHeight": "44.1px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Parloa is the only customer-facing, agentic AI platform to earn SAP's endorsed app premium certifica",
        "top": 4719,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 70,
    "contexts": [
      {
        "tag": "p",
        "text": "Daniel Aslet, Director of Applied AI Strategy, Transformation, and Training",
        "top": 4461,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Waterfield Tech",
        "top": 4494,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Thorsten Gerbitz, Department Head",
        "top": 4478,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "p",
        "text": "Hey, I wanted to check the ETA of my delivery today?",
        "top": 917,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Of course! Your new espresso machine is on track to be with you at 4:17pm – driver Cal has two more ",
        "top": 1101,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Yes I’ll be in – that’s great.",
        "top": 1101,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "Reliable, expert-level agents don’t require specialists. The teams closest to your customers optimiz",
        "top": 1888,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The Parloa Performance Flywheel™ ensures AI agents build customer loyalty with every turn and improv",
        "top": 1888,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Uncover hidden opportunities to transform customer experiences, and confidently deploy AI agents wit",
        "top": 1888,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Season Serif",
    "fontStack": "\"Season Serif\", serif",
    "weight": "440",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "“Together, with Parloa, we are using AI to connect customer service interactions into the broader cu",
        "top": 5126,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "“",
        "top": 5120,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "”",
        "top": 5236,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "300",
    "size": "9px",
    "lineHeight": "10.8px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Customer",
        "top": 899,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Agent",
        "top": 1087,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Customer",
        "top": 1087,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "300",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "The Difference",
        "top": 1298,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The Platform",
        "top": 2204,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 15,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Explore the platform",
        "top": 925,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "4.5/5",
        "top": 4022,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Parloa – Home",
        "top": 19,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Parloa – Home",
        "top": 6972,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Work Email Address",
        "top": 7052,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "*",
        "top": 7052,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "*",
        "top": 7148,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "button",
        "text": "Platform",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Solutions",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Resources",
        "top": 0,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 76,
    "contexts": [
      {
        "tag": "body",
        "text": "Parloa – HomePlatformSolutionsResourcesParloa LabsCompanyLoginBook a demoAI agents that turn custome",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Parloa – Home",
        "top": 19,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 19,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#1F1C1B",
    "alpha": 1,
    "cssValue": "rgb(31, 28, 27)",
    "count": 55,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 15,
        "property": "text"
      },
      {
        "tag": "section",
        "text": "AI agents that turn customer conversations into lasting loyalty.Explore the platformCustomerHey, I w",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "The Difference",
        "top": 1298,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F5F4F0",
    "alpha": 1,
    "cssValue": "rgb(245, 244, 240)",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 15,
        "property": "control-background"
      },
      {
        "tag": "article",
        "text": "\"This collaboration allowed us to push the boundaries of what’s possible with conversational AI.\"Dan",
        "top": 4127,
        "property": "background"
      },
      {
        "tag": "input",
        "text": "",
        "top": 7053,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#EBE9E1",
    "alpha": 1,
    "cssValue": "rgb(235, 233, 225)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1490,
        "property": "background"
      },
      {
        "tag": "input",
        "text": "",
        "top": 7053,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#4C423D",
    "alpha": 1,
    "cssValue": "rgb(76, 66, 61)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4901,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#5A4F4A",
    "alpha": 1,
    "cssValue": "rgb(90, 79, 74)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Reliable, expert-level agents don’t require specialists. The teams closest to your customers optimiz",
        "top": 1888,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#746861",
    "alpha": 1,
    "cssValue": "rgb(116, 104, 97)",
    "count": 52,
    "contexts": [
      {
        "tag": "button",
        "text": "DE",
        "top": 7868,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "© All rights reserved Parloa 2026",
        "top": 7893,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "*",
        "top": 7148,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#D3D0C8",
    "alpha": 1,
    "cssValue": "rgb(211, 208, 200)",
    "count": 6,
    "contexts": [
      {
        "tag": "ul",
        "text": "PlatformSolutionsResourcesParloa LabsCompany",
        "top": 0,
        "property": "::after-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 5301,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "/",
        "top": 7868,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "CustomerHey, I wanted to check the ETA of my delivery today?",
        "top": 879,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FF5522",
    "alpha": 1,
    "cssValue": "rgb(255, 85, 34)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Explore the platform",
        "top": 918,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1083,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#A69B92",
    "alpha": 1,
    "cssValue": "rgb(166, 155, 146)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Customer",
        "top": 899,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#BFB9AF",
    "alpha": 1,
    "cssValue": "rgb(191, 185, 175)",
    "count": 12,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 3995,
        "property": "border"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4010,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FF0000",
    "alpha": 1,
    "cssValue": "rgb(255, 0, 0)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "*",
        "top": 7052,
        "property": "text"
      }
    ]
  }
]
```

### 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, utilizing large margins to separate conceptual blocks.
- Corner style: Consistent use of soft rounded corners across most interactive and container elements.
- Radius: Medium border-radius (visually approx 8-12px) on feature cards and testimonial cards; fully rounded (pill) shapes for top nav buttons.
- Borders: Mostly borderless design, relying on subtle background color shifts (#F5F4F0 on white) to define surfaces. Thin, light borders (#D3D0C8) used sparingly for delineation.
- Buttons: Solid background colors (orange or off-white) with rounded or pill shapes, lacking heavy drop shadows.
- Content width: Restricted central column for main content, with elements like the partner marquee bleeding to the viewport edges.
- Density: Low density, breathable layout with substantial whitespace framing typography and images.
- Evidence: Observed rounded testimonial cards, pill-shaped 'Book a demo' button, large gaps between 'Why enterprises...' heading and its corresponding cards.

## Sections

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

1. **Hero — See how AI agents transform customer conversations.** (Contact us)
   Opening hero composition from Contact us, organized around “See how AI agents transform customer conversations.”.
   Capture: 1440×930px; page bounds 0–930px of 3236px; source section ID: `ca9cece6-62c3-4964-990d-17d0ea991613`; image: https://media.designdetails.io/library/f73989a36d37839e081402f2f79f2883adcb1304ac3330371e83947f3b2ac5ee/section_crop-ca9cece6-2026-10-10T07-23-01-622Z.webp
   SECTION.md v3.2: `ca9cece6-62c3-4964-990d-17d0ea991613` (deterministic evidence; editorial review pending)
2. **Features — Why enterprises confidently scale agentic CX with Parloa.** (Home)
   Reusable feature composition from Home, organized around “Why enterprises confidently scale agentic CX with Parloa.”.
   Capture: 1440×320px; page bounds 1170–1490px of 7944px; source section ID: `1680df7e-de35-411b-8c2b-f63810116d16`; image: https://media.designdetails.io/library/69a5e9b117f6490453fcdc058a4d25ae8048dc1dac868f95a8e71fc7c074c984/section_crop-1680df7e-2026-10-15T14-36-23-033Z.webp
   SECTION.md v3.2: `1680df7e-de35-411b-8c2b-f63810116d16` (deterministic evidence; editorial review pending)
3. **Features — Our offices.** (Contact us)
   Reusable feature composition from Contact us, organized around “Our offices.”.
   Capture: 1440×1013px; page bounds 1100–2113px of 3236px; source section ID: `271a6683-0177-42e1-94b5-f726357dd818`; image: https://media.designdetails.io/library/f4e8a45459e5120c5f7aca1b6148a3fb6d2dc5d1d66ca39626868059db8f52d4/section_crop-271a6683-2026-10-10T07-23-04-195Z.webp
   SECTION.md v3.2: `271a6683-0177-42e1-94b5-f726357dd818` (deterministic evidence; editorial review pending)
4. **Features — 1. Anyone can build an AI agent with Parloa.** (Home)
   Reusable feature composition from Home, organized around “1. Anyone can build an AI agent with Parloa.”.
   Capture: 1440×586px; page bounds 1490–2076px of 7944px; source section ID: `86d07000-ee2c-49ab-915c-cdece195df26`; image: https://media.designdetails.io/library/efc1c71714fe64f872c480dd3da6984e01ad930c9c3f781e06c008b0e35559d5/section_crop-86d07000-2026-10-15T14-36-23-900Z.webp
   SECTION.md v3.2: `86d07000-ee2c-49ab-915c-cdece195df26` (deterministic evidence; editorial review pending)
5. **Footer — Subscribe to our news.** (Contact us)
   Closing footer and call-to-action from Contact us, organized around “Subscribe to our news.”.
   Capture: 1440×1122px; page bounds 2114–3236px of 3236px; source section ID: `bda429c8-9030-406e-9e2a-5e129f6a35b9`; image: https://media.designdetails.io/library/d658093d98309f31f67a075f6822ea75299e10d81732fdff29b60c9f1fbf6aa7/section_crop-bda429c8-2026-10-10T07-23-08-359Z.webp
   SECTION.md v3.2: `bda429c8-9030-406e-9e2a-5e129f6a35b9` (deterministic evidence; editorial review pending)
6. **Features — One platform across the AI agent lifecycle.** (Home)
   Reusable feature composition from Home, organized around “One platform across the AI agent lifecycle.”.
   Capture: 1440×320px; page bounds 2076–2396px of 7944px; source section ID: `c87f9ecc-6bf5-4588-9550-7a60fa3b18c6`; image: https://media.designdetails.io/library/fcc693df944b6a7cae2006d08c6b1c820f7b3b2ceff651988231b0fd12e0280a/section_crop-c87f9ecc-2026-10-15T14-36-24-807Z.webp
   SECTION.md v3.2: `c87f9ecc-6bf5-4588-9550-7a60fa3b18c6` (deterministic evidence; editorial review pending)
7. **Features — Parloa Features** (Home)
   Reusable feature composition from Home, organized around “Parloa Features”.
   Capture: 1440×1092px; page bounds 2396–3488px of 7944px; source section ID: `8418cc8d-5ceb-4b55-b256-73e90a687a02`; image: https://media.designdetails.io/library/25c3edc81a91fc500b99a9b0517d0e647d6ab3801c6a233f3d585a4ec4440976/section_crop-8418cc8d-2026-10-15T14-36-25-604Z.webp
   SECTION.md v3.2: `8418cc8d-5ceb-4b55-b256-73e90a687a02` (deterministic evidence; editorial review pending)
8. **Features — Parloa is the only customer-facing, agentic AI platform to earn SAP's…** (Home)
   Reusable feature composition from Home, organized around “Parloa is the only customer-facing, agentic AI platform to earn SAP's…”.
   Capture: 1440×310px; page bounds 4591–4901px of 7944px; source section ID: `e970484a-beba-442d-bcdd-cc3c60efb927`; image: https://media.designdetails.io/library/396d7f343386eefbdc0435241a370a9a5ff96fcf2f29826d35892bcd35305c3c/section_crop-e970484a-2026-10-15T14-36-27-427Z.webp
   SECTION.md v3.2: `e970484a-beba-442d-bcdd-cc3c60efb927` (deterministic evidence; editorial review pending)
9. **Features — Born in the EU. Secure by design.** (Home)
   Reusable feature composition from Home, organized around “Born in the EU. Secure by design.”.
   Capture: 1440×288px; page bounds 5471–5759px of 7944px; source section ID: `1bad96f8-743e-423d-8c4d-928ececb250e`; image: https://media.designdetails.io/library/18d18b36b6c7a75a2b48e5f49f618bc71e330dc890266c69cd9e6a7773f5a3de/section_crop-1bad96f8-2026-10-15T14-36-29-008Z.webp
   SECTION.md v3.2: `1bad96f8-743e-423d-8c4d-928ececb250e` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/cf7e727e410272430598daad4091cb8087b0b8b2c833a0006b83870b2d51dcb0/desktop_full-fbfc4820-2026-10-15T14-36-12-881Z.webp
- Mobile screenshot: https://media.designdetails.io/library/22957e055853c9cc5a01c88f0369bdb76838cbe3ce08e924b27ef13c97a081b5/mobile_full-fbfc4820-2026-10-15T14-36-55-210Z.webp
- Open Graph image: https://media.designdetails.io/library/26154cc8a0b0c89742d7ee9bfa5fc82a0c0ff93a262b3d8e90a990bfbb238ae4/og_image-fbfc4820-2026-10-15T14-36-22-100Z.webp
- Full-page video: https://media.designdetails.io/library/ca64f7314d04fa6d463fe41e97f8b59d39f1966cd910aab2c123c75d49b5cc9e/motion-1792075749346.mp4
- Video poster: https://media.designdetails.io/library/14751b1a586d8ab6a2ca0583bd19c560513fcc4c682ed494fd3e29a473eb3ab8/motion-poster-1792075749346.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
- Floating Product Card
- Logo Strip
- Feature Card
- Product UI
- Stat Block
- Testimonial Card
- Primary Button
- Newsletter Form
- Footer
- Abstracted UI Diagram
- Gradient Transition Section

## Quality rubric

Overall: 49.6/100 (Serviceable)
Evidence coverage: 100%
Judge tier: Competent
Verdict: A competently executed, well-organized enterprise AI marketing site with a consistent warm palette, legible serif/sans typographic system, and thoughtful product-content tie-ins (chat-bubble hero, platform diagram), but its component vocabulary—logo marquee, count-up stats, horizontal testimonial carousel, orange-accent-on-off-white palette—closely mirrors the prevailing 2024-2026 enterprise-AI SaaS template, limiting originality and motion craft and keeping the overall experience in the competent rather than good or strong range.

- Typography (15%): 65 — A clear two-family system (Season Serif for display/heading roles, Geist for body/UI, Geist Mono for small labels) is applied consistently across hero, section heads, cards, and testimonials, with sensible scale steps (54/42/24px display vs 16/14/12/9px body/label) and tight negative letter-spacing on the serif for an editorial feel. Hierarchy is legible and purposeful, but the serif-display + grotesk-body pairing is a very common contemporary B2B pattern, and no typographic risk-taking (expressive scale jumps, unusual grid interplay, kinetic type) is evident beyond a standard size ladder.
- Color (10%): 60 — Warm off-white (#F5F4F0) and near-black (#1F1C1B) form a quiet, premium neutral base with a single vibrant orange (#FF5522) reserved for CTAs and the mid-page gradient stat band, which is executed with restraint and consistency. However, this warm-neutral-plus-one-accent formula is now a widely used convention in enterprise AI/SaaS design, and the palette does not extend into a richer or more surprising secondary system beyond the orange gradient.
- Layout (20%): 59 — The page follows a coherent, breathable grid: hero with floating chat UI, logo strip, three-column feature cards, platform diagram panel, stat/metrics band, horizontal testimonial scroller, certification block, and footer. Section rhythm and whitespace are consistent and the abstracted 'platform diagram' is a thoughtful content-specific layout device. However, the overall sequence (hero → logos → features → platform → stats → testimonials → certs → CTA gradient → newsletter → footer) is a highly conventional enterprise SaaS template structure with no structural surprises or asymmetries that would elevate it past a well-executed standard pattern.
- Motion (20%): 46 — Motion consists of a looping hero background video, an auto-scrolling logo marquee, a count-up animation on stat numbers, and a horizontally scrolling testimonial carousel. Each is functional and appropriate to content, but all four are extremely common, interchangeable SaaS-site conventions rather than a crafted, purpose-built motion language; no scroll-triggered choreography, easing quality, or interaction-state detail is evidenced, and the recording itself notes interactive states (hover, carousel controls) could not be assessed.
- Originality (25%): 27 — Nearly every component—warm off-white canvas with orange accent, serif display type over sans body, floating chat-bubble hero overlay, abstracted flat UI diagrams, stat blocks on an orange gradient, horizontally scrolling testimonial cards with photographic backgrounds—closely matches the now-ubiquitous 2024-2026 enterprise-AI SaaS template vocabulary seen across many competitors in this space. The chat-bubble-over-hero-photo device is a nice product-relevant touch, but it is not sufficiently novel or hard-to-substitute to distinguish the site; the overall system reads as a well-produced instance of a prevailing industry template rather than an original visual system.
- Content (10%): 61 — Content and design are reasonably well fused: the chat-bubble hero mock-up directly demonstrates the conversational-AI product, the platform diagram visualizes the actual product architecture (Build/Optimize/Observe, channel list), and stat blocks communicate concrete business metrics (70% lower cost, 3X faster resolution, 2.1B+ interactions) in a typographically prominent way. Certification and security sections (SAP endorsement, ISO/HIPAA/PCI badges) support the enterprise trust narrative. This is solid, purposeful integration rather than decorative overlay, though it remains within conventional SaaS content-presentation norms.

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 muted photo of someone working sits behind a bold white headline and a single coral button, setting a calm, trustworthy tone before a grey logo row builds credibility. Numbered three-up cards and soft gradient panels pace the page into clear chapters, while a warm orange band breaks up the long scroll to spotlight results.

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