# Seldon — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.seldon.com/
Captured: 2026-10-20
CSS measured: 2026-10-20T05:39:21.162Z at 1440×1000 — https://www.seldon.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

Seldon features a dark, highly technical, and slightly futuristic aesthetic, relying primarily on a deep black canvas with stark white and vibrant accent colours for contrast. The typography pairs a robust, geometric sans-serif for headings (Exposure) with a clean, functional sans-serif for body text (Untitled Sans) and a monospaced font (Pitch Sans) for technical details and metadata. The design uses delicate, wireframe-like borders, subtle grid backgrounds, and scroll-triggered line drawing animations to create a 'flowchart' or 'schematic' visual language that reinforces its identity as a data-driven testing tool.

## Classification

- Industry: ai
- Site type: Landing, Store
- Business model: E-commerce, Shopping, Software
- Styles: corporate, typographic, minimal, tech-schematic, dark-mode-native
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: Exposure — weight 600; size 48px; line-height 53.8px; tracking -1.2px; Regular (90% role confidence, computed values)
- Heading: Untitled Sans — weight 400; size 20px; line-height 28px; tracking -0.5px; Regular (85% role confidence, computed values)
- Body: Untitled Sans — weight 400; size 16px; line-height 24px; tracking normal; Regular (90% role confidence, computed values)
- Mono: Pitch Sans — weight 400; size 11px; line-height 16.5px; tracking 2px; uppercase (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #0A0A0C: color-1: computed rgb(10, 10, 12); AI role: Very dark grey/black (#0A0A0C) used as the primary background color across the entire site. (95% role confidence, computed values)
- Text — text #EDEDF0: color-3: computed rgb(237, 237, 240); AI role: Off-white (#EDEDF0) used extensively for primary headings and prominent text, ensuring high contrast on the dark canvas. (95% role confidence, computed values)
- Muted Text — muted text #8A8A93: color-4: computed rgb(138, 138, 147); AI role: Grey (#8A8A93) used for secondary text, descriptions, and less prominent information. (90% role confidence, computed values)
- Primary Action — primary action #FFFFFF: color-13: computed rgb(255, 255, 255); AI role: Solid white (#FFFFFF) used for the background of the primary 'Book Demo' buttons. (90% role confidence, computed values)
- Accent — accent #FF4233: color-12: computed rgb(255, 66, 51); AI role: Red (#FF4233) used sparingly for small labels (like 'HOW IT WORKS' or 'FRICTION') to draw attention. (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": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "Validate more ideas",
        "top": 10483,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Make smarter bets",
        "top": 10483,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Ship with confidence",
        "top": 10483,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "48px",
    "lineHeight": "53.8px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Seldon modelshow real users behaveAgent-based simulations trained on real product telemetry.Click to",
        "top": 6003,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "how real users behaveAgent-based simulations trained on real product telemetry.Click to learn more →",
        "top": 6057,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "So you can learn…",
        "top": 7857,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "60px",
    "lineHeight": "60px",
    "letterSpacing": "-1.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "It starts with a question",
        "top": 1472,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Ship with confidence",
        "top": 11871,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Better decisionsat every stage",
        "top": 10274,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Built for serious business",
        "top": 11031,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "48px",
    "lineHeight": "51.8px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Simulate how users will behave before you launch",
        "top": 268,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "24.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Checkout drop-off after the shipping step",
        "top": 296,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h4",
        "text": "Recommendation",
        "top": 532,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 25,
    "contexts": [
      {
        "tag": "p",
        "text": "Can you gut check my design?",
        "top": 5977,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "4 in 10 miss the primary action",
        "top": 6079,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Does this messaging land with our customers?",
        "top": 6301,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 44,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 44,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 484,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Pitch Sans",
    "fontStack": "\"Pitch Sans\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "2px",
    "traits": "uppercase",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Friction",
        "top": 6056,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Behavior",
        "top": 6380,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hesitation",
        "top": 6716,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Seldon is the decision layer for product development. Surface bugs, friction, and insights before yo",
        "top": 396,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Every Seldon persona is built from real user analytics and ethnographic research, then scored across",
        "top": 9332,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We measured Seldon’s simulated users against humans across the entire journey. They make the same mo",
        "top": 9790,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Returning Buyer",
        "top": 337,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "First-time Visitor",
        "top": 337,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Engineering Lead",
        "top": 9174,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "18px",
    "lineHeight": "18px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "968",
        "top": 9417,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "271",
        "top": 9417,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "22.8px",
    "letterSpacing": "normal",
    "traits": "italic",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "“The surprise fee at the end made me close the tab.”",
        "top": 383,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“I didn't trust it enough to enter my card.”",
        "top": 442,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "2.2px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by leaders at",
        "top": 887,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "How it works",
        "top": 1436,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif",
    "weight": "400",
    "size": "10px",
    "lineHeight": "13.8px",
    "letterSpacing": "1.8px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Workflows tested",
        "top": 9443,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Regressions caught",
        "top": 9443,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "128px",
    "lineHeight": "128px",
    "letterSpacing": "-3.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "87%",
        "top": 9718,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Exposure",
    "fontStack": "Exposure, \"Untitled Sans\", system-ui, sans-serif",
    "weight": "600",
    "size": "18px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Devin K.",
        "top": 9172,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Surface total cost earlier in the flow",
        "top": 558,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif",
    "weight": "300",
    "size": "14px",
    "lineHeight": "15.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Agent-based simulations trained on real product telemetry.",
        "top": 6201,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Untitled Sans",
    "fontStack": "\"Untitled Sans\", system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "15.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Click to learn more →",
        "top": 6238,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Pitch Sans",
    "fontStack": "\"Pitch Sans\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "2.5px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Behavioral fidelity",
        "top": 9862,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Pitch Sans",
    "fontStack": "\"Pitch Sans\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "0.6px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "footer",
        "text": "— Marcus, Returning Buyer",
        "top": 412,
        "property": "font"
      },
      {
        "tag": "footer",
        "text": "— Lena, First-time Visitor",
        "top": 471,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#0A0A0C",
    "alpha": 1,
    "cssValue": "rgb(10, 10, 12)",
    "count": 27,
    "contexts": [
      {
        "tag": "body",
        "text": "We value your privacyWe use cookies to enhance your browsing experience, serve personalised ads or c",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Sign inBook Demo",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 44,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 0.4196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.42)",
    "count": 8,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1310,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#EDEDF0",
    "alpha": 1,
    "cssValue": "rgb(237, 237, 240)",
    "count": 279,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 24,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 44,
        "property": "control-background"
      },
      {
        "tag": "h1",
        "text": "Simulate how users will behave before you launch",
        "top": 268,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#8A8A93",
    "alpha": 1,
    "cssValue": "rgb(138, 138, 147)",
    "count": 50,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 44,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Seldon is the decision layer for product development. Surface bugs, friction, and insights before yo",
        "top": 396,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Risk tolerance",
        "top": 9224,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#101014",
    "alpha": 0.8,
    "cssValue": "oklab(0.17491 0.00220404 -0.00790444 / 0.8)",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Can you gut check my design?",
        "top": 5961,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#101014",
    "alpha": 1,
    "cssValue": "rgb(16, 16, 20)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "87%Behavioral fidelityWe measured Seldon’s simulated users against humans across the entire journey.",
        "top": 9662,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#0D0D14",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.17491 0.00220404 -0.00790444 / 0.15)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Checkout drop-off after the shipping stepReturning BuyerFirst-time Visitor“The surprise fee at the e",
        "top": 268,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#0A0A0B",
    "alpha": 0.7019607843137254,
    "cssValue": "oklab(0.145734 0.00117546 -0.00411222 / 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Sign inBook Demo",
        "top": 24,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.07058823529411765,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.07)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9582,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#8A8A93",
    "alpha": 0.6,
    "cssValue": "oklab(0.636334 0.00370169 -0.0127826 / 0.6)",
    "count": 81,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 927,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 927,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "",
        "top": 10531,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.08)",
    "count": 125,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 24,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "968Workflows tested271Regressions caught",
        "top": 9396,
        "property": "border"
      },
      {
        "tag": "p",
        "text": "Modeled from 1.2M real sessions + field research.",
        "top": 9491,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FF4233",
    "alpha": 1,
    "cssValue": "rgb(255, 66, 51)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 940,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "How it works",
        "top": 1436,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Trust center →",
        "top": 11371,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 632,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "87%",
        "top": 9718,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#101014",
    "alpha": 0.9019607843137255,
    "cssValue": "oklab(0.17491 0.00220404 -0.00790444 / 0.9)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Agent-based simulations trained on real product telemetry.Click to learn more →",
        "top": 6185,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#8A8A94",
    "alpha": 0.8,
    "cssValue": "oklab(0.636334 0.00370169 -0.0127826 / 0.8)",
    "count": 2,
    "contexts": [
      {
        "tag": "footer",
        "text": "— Marcus, Returning Buyer",
        "top": 412,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 484,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.9)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "Book Demo",
        "top": 484,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#7FC8A5",
    "alpha": 1,
    "cssValue": "color(srgb 0.498353 0.785882 0.648235)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Returning Buyer",
        "top": 337,
        "property": "text"
      },
      {
        "tag": "blockquote",
        "text": "“The surprise fee at the end made me close the tab.”— Marcus, Returning Buyer",
        "top": 383,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#5BB98C",
    "alpha": 1,
    "cssValue": "rgb(91, 185, 140)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Engineering",
        "top": 10458,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#5CB88E",
    "alpha": 0.1411764705882353,
    "cssValue": "color(srgb 0.356863 0.72549 0.54902 / 0.14)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Returning Buyer",
        "top": 337,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#A78BFA",
    "alpha": 1,
    "cssValue": "rgb(167, 139, 250)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 10458,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#BAA5FB",
    "alpha": 1,
    "cssValue": "color(srgb 0.730824 0.645176 0.984706)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "First-time Visitor",
        "top": 337,
        "property": "text"
      },
      {
        "tag": "blockquote",
        "text": "“I didn't trust it enough to enter my card.”— Lena, First-time Visitor",
        "top": 442,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#AA8EF8",
    "alpha": 0.1411764705882353,
    "cssValue": "color(srgb 0.654902 0.545098 0.980392 / 0.14)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "First-time Visitor",
        "top": 337,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#5BB88C",
    "alpha": 0.45098039215686275,
    "cssValue": "color(srgb 0.356863 0.72549 0.54902 / 0.45)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Returning Buyer",
        "top": 337,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#A68CFB",
    "alpha": 0.45098039215686275,
    "cssValue": "color(srgb 0.654902 0.545098 0.980392 / 0.45)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "First-time Visitor",
        "top": 337,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.15)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 632,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#8B8B92",
    "alpha": 0.30196078431372547,
    "cssValue": "oklab(0.636334 0.00370169 -0.0127826 / 0.3)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 632,
        "property": "background"
      }
    ]
  }
]
```

### 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 distinct content blocks. Tighter spacing within cards and feature blocks.
- Corner style: Sharp, 90-degree corners are predominant on almost all cards, buttons, and borders, reinforcing the technical aesthetic.
- Radius: Virtually no border radius observed; strict adherence to sharp corners.
- Borders: Very thin, 1px lines using low-opacity white (color-11), often styled with small corner markers or crosshairs to look like technical diagrams.
- Buttons: Solid white background, sharp corners, sharp black text. Highly contrasting with the dark canvas.
- Content width: Content is generally centered and constrained to a readable maximum width, with the grid background and animated lines extending full width.
- Density: Low density. Plentiful negative space around text and elements, preventing the technical details from feeling cluttered.
- Evidence: Visual inspection of the UI components, specifically the sharp corners on cards and buttons, the thin line borders, and the overall dark canvas layout.

## Sections

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

1. **Features — Seldon models how real users behave Agent-based simulations trained on…** (Home)
   Reusable feature composition from Home, organized around “Seldon models how real users behave Agent-based simulations trained on…”.
   Capture: 1440×1000px; page bounds 1984–2984px of 7727px; source section ID: `e0e6f051-7338-4b0b-9179-675f3d98e1fe`; image: https://media.designdetails.io/library/0764bacc7d8708205fafd011d01752c8a7b6b9743adccb804ece4518d6451eef/section_crop-e0e6f051-2026-10-20T05-39-29-576Z.webp
   SECTION.md v3.2: `e0e6f051-7338-4b0b-9179-675f3d98e1fe` (deterministic evidence; editorial review pending)
2. **Features — So you can learn…** (Home)
   Reusable feature composition from Home, organized around “So you can learn…”.
   Capture: 1440×1000px; page bounds 2984–3984px of 7727px; source section ID: `1f87e9bb-e8f6-4c67-83b7-d3ee89c52732`; image: https://media.designdetails.io/library/82be095c2250a04a2c639f8a67fb38fa3cd0cf090549802ad3bf0f834447ff2d/section_crop-1f87e9bb-2026-10-20T05-39-30-444Z.webp
   SECTION.md v3.2: `1f87e9bb-e8f6-4c67-83b7-d3ee89c52732` (deterministic evidence; editorial review pending)
3. **Features — Better decisions at every stage** (Home)
   Reusable feature composition from Home, organized around “Better decisions at every stage”.
   Capture: 1440×757px; page bounds 4982–5739px of 7727px; source section ID: `a0a673f8-7d1a-463e-b342-99b19a95e4fa`; image: https://media.designdetails.io/library/c96191af451a6888f38d7e79494f3f0810ceb18442a7f5eb459f95ebebb2560f/section_crop-a0a673f8-2026-10-20T05-39-32-268Z.webp
   SECTION.md v3.2: `a0a673f8-7d1a-463e-b342-99b19a95e4fa` (deterministic evidence; editorial review pending)
4. **Footer — Seldon Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Seldon Footer”.
   Capture: 1440×309px; page bounds 7399–7708px of 7727px; source section ID: `ff2ebd91-4c83-4aa1-a7c2-1a6280812591`; image: https://media.designdetails.io/library/fd52fc71e33cc5cefc093f3651f77ee74090b67836e6894b3305480cd043e032/section_crop-ff2ebd91-2026-10-20T05-39-35-030Z.webp
   SECTION.md v3.2: `ff2ebd91-4c83-4aa1-a7c2-1a6280812591` (deterministic evidence; editorial review pending)
5. **Hero — Behavior Simulation Hero** (Home)
   AI suggestion (98% confidence): Complete, substantial opening hero with brand navigation, clear product promise, supporting copy, primary CTA, and a distinctive simulated-user insight panel.
   Capture: 1440×849px; page bounds 21–870px of 7727px; source section ID: `37cc4ef2-12cc-4742-9c73-f14c1fb5a79f`; image: https://media.designdetails.io/library/4e8ce9ccf2b102d659b8d10655e501097ce1b97a3d1c2efe9289d9adef4fe378/37cc4ef2-12cc-4742-9c73-f14c1fb5a79f.webp
   SECTION.md v3.2: `37cc4ef2-12cc-4742-9c73-f14c1fb5a79f` (deterministic evidence; editorial review pending)
6. **Logo Cloud — Trusted by Leaders** (Home)
   AI suggestion (96% confidence): Complete standalone trust strip with a centered label and a broad row of recognizable customer logos.
   Capture: 1440×120px; page bounds 870–990px of 7727px; source section ID: `bb6eeee9-133a-4ca0-8197-341a07041826`; image: https://media.designdetails.io/library/0c097925b9da9c7531bc50d9435d7dfb383cf67e848849df8f6b1dbe66ae858a/bb6eeee9-133a-4ca0-8197-341a07041826.webp
   SECTION.md v3.2: `bb6eeee9-133a-4ca0-8197-341a07041826` (deterministic evidence; editorial review pending)
7. **Features — Agents with personalities** (Home)
   AI suggestion (96% confidence): Complete product-feature section combining a clear heading and explanation with a simulated persona profile and a prominent 87% behavioral-fidelity proof point.
   Capture: 1440×999px; page bounds 3986–4985px of 7727px; source section ID: `1116e8c3-1615-4c76-a0f8-ef3b29a50cf6`; image: https://media.designdetails.io/library/d5350ad621aabd1a1c75d1a0573cb43bb0b2d88917a88168edde0cab40301787/1116e8c3-1615-4c76-a0f8-ef3b29a50cf6.webp
   SECTION.md v3.2: `1116e8c3-1615-4c76-a0f8-ef3b29a50cf6` (deterministic evidence; editorial review pending)
8. **Feature Grid — Built for serious business** (Home)
   AI suggestion (97% confidence): Complete enterprise-focused feature section with a clear heading, supporting introduction, and three coordinated columns covering speed, data protection, and compliance.
   Capture: 1440×781px; page bounds 5741–6522px of 7727px; source section ID: `923a3335-8bff-4885-b116-a3245adce738`; image: https://media.designdetails.io/library/9284561826884be7d45ec337fba9e30615a89dad29b30ad9ecd3d68f1871a300/923a3335-8bff-4885-b116-a3245adce738.webp
   SECTION.md v3.2: `923a3335-8bff-4885-b116-a3245adce738` (deterministic evidence; editorial review pending)
9. **CTA — Ship with confidence** (Home)
   AI suggestion (99% confidence): Distinctive full-width conversion section with a centered value proposition, Book Demo button, and self-contained technical grid artwork.
   Capture: 1440×877px; page bounds 6524–7401px of 7727px; source section ID: `0fffd78f-90cb-4031-b366-1ddda1db9294`; image: https://media.designdetails.io/library/07aeb401a02cb36aaf3685531c799e4db0e6dbe867b9f47fd379f5eb5717b3db/0fffd78f-90cb-4031-b366-1ddda1db9294.webp
   SECTION.md v3.2: `0fffd78f-90cb-4031-b366-1ddda1db9294` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/2d05b7c96b8042e5d7f62d609b371c89586d8dc79b06035e7754e48ab0b09f7d/desktop_full-627e66d8-2026-10-20T05-39-21-177Z.webp
- Mobile screenshot: https://media.designdetails.io/library/1a3a08801f99db4ef5fc92b2ac9bad0cb64309de50574eb7d2dd89b7023f6873/mobile_full-627e66d8-2026-10-20T05-39-59-994Z.webp
- Open Graph image: https://media.designdetails.io/library/e647ad08770cb93c390e2eb5a49cccb09fb490f507a5cd510a2aa2698808b5db/og_image-627e66d8-2026-10-20T05-39-27-791Z.webp
- Full-page video: https://media.designdetails.io/library/689177bd14854af80fb4f70d1b96f9bbf087e3b2e14039b4980c9c37d51b12a7/motion-1792475998319.mp4
- Video poster: https://media.designdetails.io/library/f62209cc951d78adad0252e6c04476632e98796924d420ee22e8bfffd6055aa3/motion-poster-1792475998319.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
- Logo Strip
- Feature Card
- Stat Block
- Primary Button
- Tag
- Footer
- Animated Flowchart
- Mock UI Overlay
- Grid Canvas

## Quality rubric

Overall: 63.4/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Seldon executes a coherent dark, schematic/flowchart visual language—anchored by a disciplined three-font type system, recurring scroll-triggered line animations, and a clever recursive device of showing mock 'UX critique' cards as both decoration and product demonstration—with content and form well aligned to the behavioral-simulation pitch. However, the underlying page structure is a standard SaaS landing-page sequence dressed in an increasingly familiar dark wireframe-grid aesthetic, the color system leans on conventional dark-mode defaults with some unsystematic accent choices, and the motion is confined to repeated entrance reveals rather than richer interactive behavior, keeping the overall experience solidly good rather than standout.

- Typography (15%): 68 — A disciplined three-tier type system—serif-leaning display face (Exposure) for headings, a clean grotesque (Untitled Sans) for body and UI text, and monospaced Pitch Sans for uppercase technical labels—creates clear, consistent hierarchy across many sections, with tuned tracking (tight on display, wide on mono labels) reinforcing the schematic identity.
- Color (10%): 60 — A restrained dark-canvas palette (near-black background, off-white text, mid-gray secondary text, white CTA, single red accent) is applied consistently, but it is a conventional dark-mode SaaS scheme; the scattered pastel tag colors (teal/green, purple) feel like default UI-kit accents rather than an integrated system tied to the technical/data concept.
- Layout (20%): 64 — Sections follow a standard SaaS landing-page sequence (hero, logo strip, feature narrative, stats, three-column breakdown, footer) executed with generous spacing and a consistent grid-canvas backdrop; the schematic line/card motif adds visual interest but doesn't restructure the underlying information architecture.
- Motion (20%): 65 — Scroll-triggered line-drawing animations connecting text boxes recur across at least three distinct sections (feature intro, persona insights, closing CTA background grid), plus a progress-bar fill in the persona card, forming a consistent motion idiom tied to the 'schematic' concept rather than a single isolated effect.
- Originality (25%): 58 — The recurring conceit of rendering feature callouts as self-aware UX-critique cards (e.g., a hero-area card literally diagnosing 'Hero attention isn't connected to action' with a recommendation) and tracing them with flowchart lines is a clever, product-relevant device, but it sits within an increasingly common 'dark, dotted-grid, schematic/wireframe' visual genre now widespread among AI and dev-tooling marketing sites, limiting how distinctive it feels.
- Content (10%): 69 — Visual devices are tightly coupled to the product story: flowchart lines link user 'questions' to measured 'friction/behavior' outcomes, mono labels mimic data tagging, and the mock feedback cards double as both decoration and proof of the product's actual output, giving form a clear functional tie to the pitch about simulating user behavior.

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 near black canvas lets thin white wire diagrams and red critique cards stand out like annotations on a lab whiteboard, backing up the simulation idea. Large serif headlines break up long stretches of dark space, while small mono labels and quoted feedback bubbles make the abstract behavioral data feel concrete and trustworthy.

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