# New Material — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://newmaterial.ai/
Captured: 2026-10-11
CSS measured: 2026-10-11T21:40:18.697Z at 1440×1000 — https://newmaterial.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: Not recorded
Judge: Not recorded

## Design direction

New Material builds AI-native products, workflows and ventures.

## Classification

- Industry: ai
- Site type: Landing
- Business model: AI, Software, Agency
- Styles: Not identified
- Platform: Custom code
- Technology: React

## Typography

- Primary: ABC Favorit

## Functional palette

- Primary: #E0E0FF
- Primary: #806040
- Primary: #C0C0A0

## 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": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "h1",
        "text": "Intelligence, applied.",
        "top": 399,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Get in touch",
        "top": 3038,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Press Inquiries",
        "top": 3078,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Contact",
        "top": 2992,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Products",
        "top": 2992,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Elsewhere",
        "top": 2992,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "26px",
    "lineHeight": "33.8px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "New Material delivers AI-native",
        "top": 816,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New Material",
        "top": 816,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "workflows,",
        "top": 816,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "Work alongside the people doing the work to understand their needs, explore what AI makes possible, ",
        "top": 1720,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bring design and engineering together to create useful experiences that work in the real world.",
        "top": 1788,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Workflows",
        "top": 1864,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "22.5px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Forward Deployed Engineering",
        "top": 1264,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Aaron Abentheuer",
        "top": 2291,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Co-Founder",
        "top": 2313,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "What’s your name?",
        "top": 2745,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "What’s your email?",
        "top": 2839,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "What’s your role?",
        "top": 2839,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "We work alongside your team, close to the people and problems that matter. Together, we define what’",
        "top": 1693,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Over the last 10 years, we’ve worked with the world’s most forward-looking organisations on products",
        "top": 2153,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "New Material",
        "top": 74,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Jump to top",
        "top": 75,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "normal",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Managing legal matters on autopilot.",
        "top": 704,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "normal",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Learn more about our approach",
        "top": 1793,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "with AmLaw 50 Firm",
        "top": 680,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Design, forward deployed.",
        "top": 1853,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Reducing write-offs by embracing existing ways of working.",
        "top": 1945,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "AI Suite",
        "top": 680,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Copy",
        "top": 2791,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Copy",
        "top": 3037,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Identify",
        "top": 1674,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Incubate",
        "top": 1742,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Internalise",
        "top": 1810,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "ABC Favorit Lining",
    "fontStack": "\"ABC Favorit Lining\", \"ABC Favorit\", ui-sans-serif, system-ui, sans-serif",
    "weight": "350",
    "size": "18px",
    "lineHeight": "normal",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "hello",
        "top": 2786,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "@",
        "top": 2788,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "newmaterial.ai",
        "top": 2788,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Receive updates",
        "top": 2788,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 2786,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "14px",
    "lineHeight": "22.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "© 2026 New Material, Inc. All rights reserved.",
        "top": 3172,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New Material Studio Ltd, registered in England and Wales Nº 14847657 · VAT GB 446 8088 60",
        "top": 3172,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Christian Moran",
        "top": 1434,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "President and CEO, Canopy at Ford",
        "top": 1455,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "ABC Favorit",
    "fontStack": "\"ABC Favorit\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Get started",
        "top": 18,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 27,
    "contexts": [
      {
        "tag": "body",
        "text": "New MaterialMore from contextNew MaterialJump to topGet startedIntelligence, applied.AI Suitewith Am",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "New MaterialMore from contextNew MaterialJump to topGet startedIntelligence, applied.AI Suitewith Am",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1460,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 20,
    "contexts": [
      {
        "tag": "svg",
        "text": "New Material",
        "top": 21,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "New Material",
        "top": 21,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 21,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#2A292E",
    "alpha": 1,
    "cssValue": "rgb(42, 41, 46)",
    "count": 70,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 77,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "New Material",
        "top": 74,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Get started",
        "top": 18,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#D7D3D0",
    "alpha": 1,
    "cssValue": "rgb(215, 211, 208)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#080A09",
    "alpha": 1,
    "cssValue": "rgb(8, 10, 9)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#0056BC",
    "alpha": 1,
    "cssValue": "rgb(0, 86, 188)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "rgba(255, 255, 255, 0.25)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2480,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#F0F1F0",
    "alpha": 1,
    "cssValue": "rgb(240, 241, 240)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 152,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#C9CECF",
    "alpha": 1,
    "cssValue": "rgb(201, 206, 207)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#030402",
    "alpha": 1,
    "cssValue": "rgb(3, 4, 2)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#D3D4D0",
    "alpha": 1,
    "cssValue": "rgb(211, 212, 208)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#E1E1E1",
    "alpha": 1,
    "cssValue": "rgb(225, 225, 225)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#2A2A2E",
    "alpha": 0.5019607843137255,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.5)",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "We team up with the world’s most ambitious organisations transforming their industries with AI.",
        "top": 867,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Bringing AI products from concept to market requires integrated thinking with a customer-first lens ",
        "top": 1177,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 2786,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#DEE0E2",
    "alpha": 1,
    "cssValue": "rgb(222, 224, 226)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 209,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#D4D4D4",
    "alpha": 1,
    "cssValue": "rgb(212, 212, 212)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 216,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.9490196078431372,
    "cssValue": "color(srgb 1 1 1 / 0.95)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1141,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#99AEA8",
    "alpha": 1,
    "cssValue": "rgb(153, 174, 168)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 229,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#D5D9D8",
    "alpha": 1,
    "cssValue": "rgb(213, 217, 216)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F4F7F9",
    "alpha": 1,
    "cssValue": "rgb(244, 247, 249)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#B4B1B0",
    "alpha": 1,
    "cssValue": "rgb(180, 177, 176)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#D2D1CA",
    "alpha": 1,
    "cssValue": "rgb(210, 209, 202)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1058,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#000000",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(0, 0, 0, 0.04)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Receive updatesPrivacyWhat’s your name?What’s your email?What’s your role?",
        "top": 2504,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#29292E",
    "alpha": 0.7019607843137254,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.7)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "We work alongside your team, close to the people and problems that matter. Together, we define what’",
        "top": 1693,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#EAEAEA",
    "alpha": 1,
    "cssValue": "rgb(234, 234, 234)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1432,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2043,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#2A2A2F",
    "alpha": 0.6,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.6)",
    "count": 58,
    "contexts": [
      {
        "tag": "span",
        "text": "AI Suite",
        "top": 680,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2273,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#272727",
    "alpha": 0.050980392156862744,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.05)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1839,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#333333",
    "alpha": 0.0392156862745098,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.04)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2541,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#29292E",
    "alpha": 0.6509803921568628,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.65)",
    "count": 13,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1672,
        "property": "svg-stroke"
      },
      {
        "tag": "g",
        "text": "",
        "top": 1681,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1681,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#26262B",
    "alpha": 1,
    "cssValue": "rgb(38, 38, 43)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Follow",
        "top": 2297,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "Follow",
        "top": 2297,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#2A2A2E",
    "alpha": 0.23921568627450981,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.24)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2557,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#292931",
    "alpha": 0.12156862745098039,
    "cssValue": "color(srgb 0.164706 0.160784 0.180392 / 0.12)",
    "count": 37,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1846,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2511,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#000000",
    "alpha": 0.12156862745098039,
    "cssValue": "oklab(0 0 0 / 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 686,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#6B7280",
    "alpha": 1,
    "cssValue": "rgb(107, 114, 128)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Jump to top",
        "top": 75,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2782,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Receive updatesPrivacyWhat’s your name?What’s your email?What’s your role?",
        "top": 2504,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#272731",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "li",
        "text": "Technology A platform to collect explicit and implicit feedback for continuous improvement.",
        "top": 1957,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#2163EF",
    "alpha": 0.12156862745098039,
    "cssValue": "color(srgb 0.145098 0.388235 0.921569 / 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 74,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#262633",
    "alpha": 0.0784313725490196,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.08)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 12,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#000000",
    "alpha": 0.14901960784313725,
    "cssValue": "oklch(0 0 none / 0.15)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 309,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#28282D",
    "alpha": 0.2,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "input",
        "text": "",
        "top": 2788,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#2F2828",
    "alpha": 0.14901960784313725,
    "cssValue": "oklch(0.283992 0.00914116 none / 0.15)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1165,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#2A282D",
    "alpha": 0.4,
    "cssValue": "oklab(0.283992 0.00387359 -0.00827986 / 0.4)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3046,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#2563EB",
    "alpha": 1,
    "cssValue": "rgb(37, 99, 235)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 80,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

Design tokens have not been analysed yet.

## Sections

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

1. **Hero — Intelligence, applied.** (Home)
   Opening hero composition from Home, organized around “Intelligence, applied.”.
   Capture: 1440×1000px; page bounds 0–1000px of 3234px; source section ID: `7a3260f9-04f6-4505-b817-bd0af04a313e`; image: https://media.designdetails.io/library/a8fcf637e3d983c7c5d645ada9de183e75f7f140a64488448ae7445783273c35/section_crop-7a3260f9-2026-10-11T21-40-28-548Z.webp
   SECTION.md v3.2: `7a3260f9-04f6-4505-b817-bd0af04a313e` (deterministic evidence; editorial review pending)
2. **Features — New Material Features** (Home)
   Reusable feature composition from Home, organized around “New Material Features”.
   Capture: 1440×254px; page bounds 740–994px of 3234px; source section ID: `49ee3e1a-b8db-45e1-a940-98f0bdb27c35`; image: https://media.designdetails.io/library/357bdf97124854f8a414fda327f05f3ab87b72be9e418833e8e6b4f114d0179d/section_crop-49ee3e1a-2026-10-11T21-40-30-200Z.webp
   SECTION.md v3.2: `49ee3e1a-b8db-45e1-a940-98f0bdb27c35` (deterministic evidence; editorial review pending)
3. **Footer — Contact** (Home)
   Closing footer and call-to-action from Home, organized around “Contact”.
   Capture: 1440×306px; page bounds 2928–3234px of 3234px; source section ID: `90e4946b-59c1-47c1-85c3-04e0c3da54c0`; image: https://media.designdetails.io/library/aba2cfaa40216668ac705379ce67901cdfdbf93a3da8e92fbd7c87ae258d329e/section_crop-90e4946b-2026-10-11T21-40-31-853Z.webp
   SECTION.md v3.2: `90e4946b-59c1-47c1-85c3-04e0c3da54c0` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d6bf36bcfcd96bba70efb1f3019faaba5e206dbb7c0481329b24e61534785009/desktop_full-497d197f-2026-10-11T21-40-18-716Z.webp
- Mobile screenshot: https://media.designdetails.io/library/4dd970e10ca2389b299230db93feff4e4a817f4f97cc90f407f082174973198b/mobile_full-497d197f-2026-10-11T21-41-07-646Z.webp
- Open Graph image: https://media.designdetails.io/library/bac6ac992aed79716b1b6c37530653140beba691f4cbe5af1da51f074c660313/og_image-497d197f-2026-10-11T21-40-27-203Z.webp
- Full-page video: https://media.designdetails.io/library/b4bd0f6860e6e7b23dab287b6f2983a1870e7ec9f6482a8a1ebf99ed5cac68e2/motion-1791755047523.mp4
- Video poster: https://media.designdetails.io/library/9a3d9c8a1803bac08267ab6d87c1bae3f93b7d4da4f4557e87f7402f7bf1db9b/motion-poster-1791755047523.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

- Hero
- Feature collection
- Footer

## Quality rubric

Legacy score hidden pending rubric 3.2 rescore.

Not scored yet.

Coverage: 0% 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

Checklist pending.

## Curator notes

Curator review pending.

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