# Sable: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://withsable.com/
Captured: 2026-11-03
CSS measured: 2026-11-03T04:50:50.985Z at 1440×1000 — https://sable.ai/
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

The Sable website employs a modern, clean, and slightly playful aesthetic, targeting a B2B SaaS audience. It utilizes a light color palette with an off-white background and a vibrant yellow as the primary accent color. The typography relies exclusively on 'Nb International' in both standard and monospaced variants, contributing to a tech-forward yet accessible feel. The layout features generous whitespace, large hero imagery and video embeds with rounded corners, and structured grid layouts for features and investor testimonials.

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, corporate, playful, typographic
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Nb International — weight 400; size 64px; line-height 76.8px; tracking -1.6px; Regular (95% role confidence, computed values)
- Heading: Nb International — weight 300; size 32px; line-height 36.8px; tracking -1px; Regular (90% role confidence, computed values)
- Body: Nb International — weight 300; size 18.1px; line-height 21.7px; tracking -0.5px; Regular (90% role confidence, computed values)
- Mono: Nb International Mono — weight 400; size 14.1px; line-height 12.7px; tracking normal; uppercase (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #F1F1EF: color-2: computed rgb(241, 241, 239); AI role: #F1F1EF used as the primary background color for the body. (95% role confidence, computed values)
- Primary Action — primary action #FFDB4D: color-5: computed rgb(255, 219, 77); AI role: #FFDB4D (yellow) used for primary 'Learn more' buttons and the large footer background. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: #FFFFFF used for the navigation bar background and certain content cards. (90% role confidence, computed values)
- Text — text #1B1D1F: color-8: computed rgb(27, 29, 31); AI role: #1B1D1F used for main headings and strong text. (90% role confidence, computed values)
- Muted Text — muted text #3B3E40: color-7: computed rgb(59, 62, 64); AI role: #3B3E40 used for secondary body copy. (85% role confidence, computed values)
- Border — border #E0E0DE: color-10: computed rgb(224, 224, 222); AI role: #E0E0DE used for subtle borders in feature lists. (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": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "300",
    "size": "32px",
    "lineHeight": "36.8px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "How to get started with Aidan",
        "top": 3788,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The first platform for creating AI employees",
        "top": 4479,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Curious about Aidan? Don’t hesitate to contact us.",
        "top": 5780,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "400",
    "size": "64px",
    "lineHeight": "76.8px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Meet Aidan, your newest employee",
        "top": 179,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "300",
    "size": "18.1px",
    "lineHeight": "21.7px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "A context graph of your product and customer communications best practices, continuously updated aft",
        "top": 1852,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Real-time computer use that drives your product, to show what chatbots can only describe.",
        "top": 2032,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A vision system that guides users at the pixel level through a product experience.",
        "top": 2123,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "300",
    "size": "14.1px",
    "lineHeight": "16.9px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Shaun Maguire | Partner at Sequoia",
        "top": 2810,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Joe Lonsdale | General Partner at 8VC, Co-founder of Palantir",
        "top": 2794,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Aidan is ready to begin leading product demos and qualification in days - no integrations required.",
        "top": 4129,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "300",
    "size": "24px",
    "lineHeight": "27.6px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "The first AI employee powered by real time browser use and vision – to run customer calls at scale.",
        "top": 1687,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Enterprise-grade security you can trust. Sable is a trusted partner with rigorous compliance, secure",
        "top": 5215,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Nb International Mono",
    "fontStack": "\"Nb International Mono\", Arial, sans-serif",
    "weight": "400",
    "size": "14.1px",
    "lineHeight": "12.7px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 24,
    "contexts": [
      {
        "tag": "div",
        "text": "MEET AIDAN",
        "top": 1650,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "brain",
        "top": 1810,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "hands",
        "top": 1990,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "400",
    "size": "14.1px",
    "lineHeight": "14.1px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Learn more",
        "top": 38,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Get in touch",
        "top": 38,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Visit Trust Center",
        "top": 5391,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Get in touch!",
        "top": 36,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "700",
    "size": "14.1px",
    "lineHeight": "16.9px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Aidan",
        "top": 6238,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Features",
        "top": 6238,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Blog",
        "top": 6238,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Nb International",
    "fontStack": "\"Nb International\", Arial, sans-serif",
    "weight": "400",
    "size": "14.1px",
    "lineHeight": "14.1px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Aidan",
        "top": 16,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Blog",
        "top": 16,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Careers",
        "top": 16,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 46,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 3874,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 3874,
        "property": "svg-fill"
      },
      {
        "tag": "image",
        "text": "",
        "top": 3942,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F1F1EF",
    "alpha": 1,
    "cssValue": "rgb(241, 241, 239)",
    "count": 1,
    "contexts": [
      {
        "tag": "body",
        "text": "/* Clear Defaults */ a:not([class]) { text-decoration: underline; } h1,h2,h3,h4,h5,h6,p,blockquote,l",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 11,
    "contexts": [
      {
        "tag": "nav",
        "text": "AidanBlogCareersSign In",
        "top": 16,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Get in touch",
        "top": 38,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "01Deploy Product DemosAidan is ready to begin leading product demos and qualification in days - no i",
        "top": 3873,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F9F9F9",
    "alpha": 1,
    "cssValue": "rgb(249, 249, 249)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "investor“Sable has created a direct path from frontier capability to how businesses actually reach t",
        "top": 2283,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFDB4D",
    "alpha": 1,
    "cssValue": "rgb(255, 219, 77)",
    "count": 12,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 20,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "brain",
        "top": 1802,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3918,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#EFEFED",
    "alpha": 1,
    "cssValue": "rgb(239, 239, 237)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "investor“Sable has created a direct path from frontier capability to how businesses actually reach t",
        "top": 2363,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4124,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#3B3E40",
    "alpha": 1,
    "cssValue": "rgb(59, 62, 64)",
    "count": 60,
    "contexts": [
      {
        "tag": "div",
        "text": "Learn more",
        "top": 38,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "The first AI employee powered by real time browser use and vision – to run customer calls at scale.",
        "top": 1687,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "How to get started with Aidan",
        "top": 3788,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#1B1D1F",
    "alpha": 1,
    "cssValue": "rgb(27, 29, 31)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Aidan",
        "top": 16,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Get in touch",
        "top": 20,
        "property": "control-background"
      },
      {
        "tag": "h1",
        "text": "Meet Aidan, your newest employee",
        "top": 179,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#7F7D7E",
    "alpha": 1,
    "cssValue": "rgb(127, 125, 126)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "01",
        "top": 3906,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Aidan is ready to begin leading product demos and qualification in days - no integrations required.",
        "top": 4129,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#E0E0DE",
    "alpha": 1,
    "cssValue": "rgb(224, 224, 222)",
    "count": 15,
    "contexts": [
      {
        "tag": "div",
        "text": "brainA context graph of your product and customer communications best practices, continuously update",
        "top": 1770,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "investor",
        "top": 2403,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Curious about Aidan?",
        "top": 5782,
        "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, creating a relaxed pacing. Content inside grids uses moderate, consistent padding.
- Corner style: Slightly rounded corners on smaller interactive elements, more pronounced rounded corners on large media containers.
- Radius: Small radius (~4px) on buttons and tags; larger radius (~12-16px) visible on embedded video frames.
- Borders: Mostly borderless design, relying on background color contrasts. When borders are used, they are 1px solid and subtle.
- Buttons: Solid fill with low-contrast text (e.g., dark text on yellow) or high-contrast (white text on dark grey), small border radii, no visible drop shadows.
- Content width: Centered max-width container for text and grids, while hero images and footer backgrounds bleed to the edges.
- Density: Low density; the design feels airy and spacious.
- Evidence: Observed from screenshot layouts, spacing between the investor grid, video containers, and navigation bar.

## Sections

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

1. **Hero — Headline over full-width photo** (Home)
   A large single-line headline sits above a wide photo, so the visitor sees the product idea and its human tone immediately.
   Capture: 1440×2000px; page bounds 0–2000px of 7282px; source section ID: `4546ee0e-59c6-4c18-a35d-a17ff904cf74`; image: https://media.designdetails.io/library/3062beed76d7a3785cb977c274211956e44aa988e88cd1c5491d6cddfdeffc96/4546ee0e-59c6-4c18-a35d-a17ff904cf74.webp
   SECTION.md v3.2: `4546ee0e-59c6-4c18-a35d-a17ff904cf74` (deterministic evidence; editorial review pending)
2. **Features — Accordion list beside dot pattern** (Home)
   Collapsed labelled rows keep three capabilities scannable, while the open row's short copy and the quiet dot graphic avoid clutter.
   Capture: 1440×783px; page bounds 2000–2783px of 7282px; source section ID: `a475338b-2785-4d21-9e28-cf2b92f12cf9`; image: https://media.designdetails.io/library/9ccdb72f132c3cfb57960f2fe833d798cf60a3b4d19bece2d3b25bc61fdc28ba/a475338b-2785-4d21-9e28-cf2b92f12cf9.webp
   SECTION.md v3.2: `a475338b-2785-4d21-9e28-cf2b92f12cf9` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Investor and customer logo tiles** (Home)
   Mixed-size tiles tagged by role pair recognisable logos with short quotes, so credibility shows through who backs and uses the product.
   Capture: 1440×665px; page bounds 2783–3448px of 7282px; source section ID: `22e2cb99-2bbf-415d-9ace-732aa80c106c`; image: https://media.designdetails.io/library/61a9b383e31d82f59a484d47d2fb62d4f88ee293195d8e87d0e27083526cd14a/22e2cb99-2bbf-415d-9ace-732aa80c106c.webp
   SECTION.md v3.2: `22e2cb99-2bbf-415d-9ace-732aa80c106c` (deterministic evidence; editorial review pending)
4. **Other — Embedded intro video with captions** (Home)
   A centred video frame with burned-in captions lets visitors meet the product through a person, with the speaker readable at a glance.
   Capture: 1440×669px; page bounds 3448–4117px of 7282px; source section ID: `f32767b4-402d-45a9-8c51-913acd5f0397`; image: https://media.designdetails.io/library/b3669ad359074aba6cd75a013effb5f4cb4e2a88c20b85b4c7936ce09452caae/f32767b4-402d-45a9-8c51-913acd5f0397.webp
   SECTION.md v3.2: `f32767b4-402d-45a9-8c51-913acd5f0397` (deterministic evidence; editorial review pending)
5. **Process — Numbered steps in two cards** (Home)
   Numbered markers and side-by-side cards with small diagrams show the order of getting started in a few seconds.
   Capture: 1440×644px; page bounds 4117–4761px of 7282px; source section ID: `e9d08478-a24b-4592-95c1-58270dd040e7`; image: https://media.designdetails.io/library/c265e7f3b7770786934cc4552879b54aeeb1e4c3b2417dd5f4256dedb7348f9a/e9d08478-a24b-4592-95c1-58270dd040e7.webp
   SECTION.md v3.2: `e9d08478-a24b-4592-95c1-58270dd040e7` (deterministic evidence; editorial review pending)
6. **Features — Accordion beside floating UI collage** (Home)
   A bold heading and expandable rows sit next to a yellow panel of overlapping cards that illustrate the content being taught.
   Capture: 1440×862px; page bounds 4761–5623px of 7282px; source section ID: `3555eb81-7e68-4852-b558-5a22d6807326`; image: https://media.designdetails.io/library/2b5eda4ebbd17b3bde86dc495b9855dedad8fd51b71449148dbb1327ffda5329/3555eb81-7e68-4852-b558-5a22d6807326.webp
   SECTION.md v3.2: `3555eb81-7e68-4852-b558-5a22d6807326` (deterministic evidence; editorial review pending)
7. **Other — Security statement with compliance badges** (Home)
   Compliance standards appear as monospace tags under a short paragraph, with a single dark button leading to deeper detail.
   Capture: 1440×427px; page bounds 5623–6050px of 7282px; source section ID: `0ff868d9-b498-43d5-bbac-d8434275c23c`; image: https://media.designdetails.io/library/bb478d68d572bb8b6cd7249d3de795b1a4b5f6b92bf1d8c977b404710a4bc791/0ff868d9-b498-43d5-bbac-d8434275c23c.webp
   SECTION.md v3.2: `0ff868d9-b498-43d5-bbac-d8434275c23c` (deterministic evidence; editorial review pending)
8. **CTA — Contact prompt over character photo** (Home)
   A dark gradient on the left gives the two-tone line and white button strong contrast, while the character photo adds personality.
   Capture: 1440×623px; page bounds 6050–6673px of 7282px; source section ID: `fa8ff9ea-f43e-42c9-9b2e-886406ebc5c8`; image: https://media.designdetails.io/library/cb6f02cb5ac30a7ace5ed5d919bf0f907ee735e033b26b514f36944d3587633a/fa8ff9ea-f43e-42c9-9b2e-886406ebc5c8.webp
   SECTION.md v3.2: `fa8ff9ea-f43e-42c9-9b2e-886406ebc5c8` (deterministic evidence; editorial review pending)
9. **Footer — Oversized wordmark on yellow** (Home)
   A giant logo on a solid yellow field anchors the page end and a slim link row offers final navigation.
   Capture: 1440×609px; page bounds 6673–7282px of 7282px; source section ID: `2aad54b1-f8d9-40fc-bf65-e8ba1b3495f9`; image: https://media.designdetails.io/library/c05dcd17b868ba28f63afe3b8b997a4cf4fd10348b34bb4384da96af1fa584e9/2aad54b1-f8d9-40fc-bf65-e8ba1b3495f9.webp
   SECTION.md v3.2: `2aad54b1-f8d9-40fc-bf65-e8ba1b3495f9` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/12a80087095b14715fdcb53042f61946c6264597b3dab423027572b21cee0d9b/desktop_full-075b8a9f-2026-11-03T04-50-51-004Z.webp
- Mobile screenshot: https://media.designdetails.io/library/cc38357d937903917d29e27d4f61a5b4e9f273b25bbee80d8cc6ca7059f4fca9/mobile_full-075b8a9f-2026-11-03T04-51-17-112Z.webp
- Open Graph image: Not captured
- Full-page video: https://media.designdetails.io/library/1edd810fb03cd5c79ab73ebecb959b0df8b3a2c74420abe9e4d1385a1fa01db3/motion-1793685112544.mp4
- Video poster: https://media.designdetails.io/library/390f14601ac5f212e826072dc42e54e4f3e29ab1d9ff1942b357d115cb1e1026/motion-poster-1793685112544.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
- Video Frame
- Feature Collection
- Testimonial Card
- Logo Strip
- Primary Button
- Tag
- Footer

## Quality rubric

Overall: 51.2/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Sable's site is a polished, professional execution of a familiar B2B SaaS landing-page template: generous whitespace, a disciplined two-family type system, a restrained yellow-on-off-white palette, and well-organized proof/onboarding/security sections that tell a clear story. Its standout idea is the recurring plush-head mascot character woven through the hero photo, founder video, and closing CTA image, which gives the brand real personality that most comparable AI-SaaS sites lack. However, the page's structural bones—hero, feature accordion, logo-and-quote grid, numbered step cards, security badge strip, oversized footer wordmark—are conventional and interchangeable with many peer sites, and there is no evidence of an authored motion system; per the motion observation, scrolling reveals static content with no animation beyond an autoplaying hero video and a native YouTube embed. The color and typography systems are competently unified but not individually distinctive. Together this produces a clean, trustworthy, execution-competent site that falls short of a cohesive, multi-axis design system needed for a higher tier.

- Typography (15%): 60 — A coherent two-family system (Nb International for display/body, Nb International Mono for uppercase labels) establishes clear hierarchy from the 64px tightly-tracked H1 down to 14px mono tags. Letter-spacing and weight choices (300 for body, 400 for display) are deliberate and consistent across the page. However, the system is a fairly standard tech/SaaS hierarchy without unusual pairing or expressive scale contrast beyond the hero.
- Color (10%): 56 — The palette (off-white canvas, white surfaces, dark near-black text, single yellow accent) is executed cleanly and consistently, but it is a very common formula in current B2B SaaS design and offers no unexpected combinations or tension beyond the accent color.
- Layout (20%): 60 — Generous whitespace, a centered max-width content column with edge-bleeding media, and repeated card/grid patterns (feature list, logo-and-quote grid, step cards) give the page a tidy, legible structure. The sequencing (hero → features → proof → onboarding → security → CTA → oversized footer wordmark) is logical, but it is a well-worn SaaS template assembled from familiar card and grid components rather than a bespoke structural idea.
- Motion (20%): 27 — Observed behavior is limited to an autoplaying hero video and a native YouTube embed further down; the Gemini motion observation explicitly notes no scroll-triggered animation or interactive motion beyond static reveals during scrolling. This is essentially baseline media playback rather than an authored motion system.
- Originality (25%): 52 — The plush-head mascot character used consistently across the hero photo, the founder video, and the closing security-section photo is a genuinely distinctive and memorable device that most B2B AI landing pages lack. However, apart from this recurring character, the page's structure, card patterns, and color/motion choices are conventional SaaS-template moves, so originality is concentrated in one idea rather than distributed across the system.
- Content (10%): 62 — Content is organized into a sensible narrative: introduce the product, explain its three capabilities (Brain/Hands/Eyes), establish credibility via investor and customer logos/quotes, walk through onboarding steps, address security, and close with a CTA and oversized brand mark. Testimonials and logos are integrated as visually consistent cards rather than an afterthought strip.

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 fuzzy white sphere character standing in for an AI colleague turns an abstract product into a warm, human photo, which builds trust fast. Mono-style labels, yellow accents and plenty of pale grey space keep the long scroll of logos, quotes and product screens easy to scan section by section.

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