# Cusp — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://cusp.ai/
Captured: 2026-10-10
CSS measured: 2026-10-10T06:29:55.701Z at 1440×1000 — https://cusp.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: anthropic/claude-sonnet-5

## Design direction

The design of cusp.ai leverages a bold, minimal, and geometric aesthetic characterized by deep, saturated colors juxtaposed against large, light typographic forms. It heavily features full-bleed background videos and robust, sans-serif typography (Aeonik). Scroll-driven animations are prominent, using wipe transitions and typographic masking to reveal and conceal content dramatically, creating an immersive, editorial feel.

## Classification

- Industry: ai
- Site type: Landing, Directory
- Business model: AI
- Styles: minimal, bold, geometric, editorial, cinematic, high-contrast
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Aeonik — weight 200; size 204px; line-height 180px; tracking -4.1px; Regular (95% role confidence, computed values)
- Heading: Aeonik — weight 400; size 56px; line-height 56px; tracking -0.6px; Regular (90% role confidence, computed values)
- Body: Aeonik — weight 400; size 21px; line-height 27px; tracking -0.2px; Regular (85% role confidence, computed values)
- Mono: Aeonik Mono — weight 500; size 14px; line-height 14px; tracking normal; uppercase (90% role confidence, computed values)

## Functional palette

- Primary Action — primary action #79DE74: color-7: computed rgb(121, 222, 116); AI role: Bright neon green (#79DE74) used for the 'Apply' CTA button. (95% role confidence, computed values)
- Canvas — canvas #017288: color-1: computed rgb(1, 114, 136); AI role: Deep teal (#017288) used as a massive background block for the 'Announcing the AI Materials Foundry' section. (90% role confidence, computed values)
- Surface — surface #FAFAFA: color-3: computed rgb(250, 250, 250); AI role: Light gray (#FAFAFA) used as the background color for the partner quote section. (85% role confidence, computed values)
- Text — text #000000: color-8: computed rgb(0, 0, 0); AI role: Black used for text against the bright green backgrounds. (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": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "42px",
    "lineHeight": "42px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Join the materials discovery revolution",
        "top": 93,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Thank you for signing up",
        "top": 448,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "56px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "What our founding partners say",
        "top": 6309,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "31.5px",
    "lineHeight": "35px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Backed by leading investors",
        "top": 9509,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "27px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "CuspAI was founded in 2024 by Dr. Chad Edwards and Prof. Max Welling to build the AI system for mate",
        "top": 12151,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "CuspAI has raised over $650M from investors including Kleiner Perkins, NEA, Temasek, NVentures, Bezo",
        "top": 12394,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Headquartered in Cambridge, UK, the company operates globally across London, Amsterdam, Berlin, Toky",
        "top": 12151,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Aeonik Mono",
    "fontStack": "\"Aeonik Mono\", monospace",
    "weight": "500",
    "size": "12.3px",
    "lineHeight": "12.3px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Company number 15549537",
        "top": 12989,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "20 Station Road, Cambridge, CB1 2JD, United Kingdom",
        "top": 12989,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "© 2026 Cusp AI Limited. All rights reserved",
        "top": 12989,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Aeonik Mono",
    "fontStack": "\"Aeonik Mono\", monospace",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "01 / 22",
        "top": 6934,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "About CuspAI",
        "top": 12109,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "12.3px",
    "lineHeight": "16.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "We'll use these details to contact you about the AI Materials Foundry. See our Privacy Notice for ho",
        "top": 881,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Privacy Notice",
        "top": 898,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "200",
    "size": "204px",
    "lineHeight": "180px",
    "letterSpacing": "-4.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI MATERIALSFOUNDRY",
        "top": 12576,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "30.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "We've received your details and our team will be in touch shortly.",
        "top": 562,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "66.5px",
    "lineHeight": "66.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "div",
        "text": "We’re",
        "top": 209,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "on",
        "top": 209,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "a",
        "top": 209,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "15.8px",
    "lineHeight": "29.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "label",
        "text": "First Name*",
        "top": 207,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "*",
        "top": 212,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "Last Name*",
        "top": 207,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "31.5px",
    "lineHeight": "35px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "The next generation of semiconductors,",
        "top": 10691,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "energy storage and climate technologies",
        "top": 10726,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "are all being designed here",
        "top": 10761,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Aeonik Mono",
    "fontStack": "\"Aeonik Mono\", monospace",
    "weight": "500",
    "size": "14px",
    "lineHeight": "15.8px",
    "letterSpacing": "-0.3px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Submit",
        "top": 943,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Apply",
        "top": 46,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Apply",
        "top": 10905,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "15.8px",
    "lineHeight": "23.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Select an option",
        "top": 547,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Select an option",
        "top": 645,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Aeonik",
    "fontStack": "Aeonik, sans-serif",
    "weight": "400",
    "size": "15.8px",
    "lineHeight": "18.9px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "label",
        "text": "Briefly describe the materials challenge you are looking to solve*",
        "top": 702,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "*",
        "top": 721,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": null,
    "fontStack": "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": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "CuspAI | AI-powered materials discovery",
        "top": -1,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Aeonik Mono",
    "fontStack": "\"Aeonik Mono\", monospace",
    "weight": "500",
    "size": "12.3px",
    "lineHeight": "13.5px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Submission received",
        "top": 377,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#017288",
    "alpha": 1,
    "cssValue": "rgb(1, 114, 136)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "Join the materials discovery revolution First Name*Last Name*Organisation*Job Title*Email address*I ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1000,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#262626",
    "alpha": 1,
    "cssValue": "rgb(38, 38, 38)",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "Submit",
        "top": 943,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "What our founding partners say",
        "top": 6309,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "",
        "top": 6920,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FAFAFA",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 250)",
    "count": 32,
    "contexts": [
      {
        "tag": "h2",
        "text": "Join the materials discovery revolution",
        "top": 93,
        "property": "text"
      },
      {
        "tag": "label",
        "text": "First Name*",
        "top": 207,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "I am interested in the AI Materials Foundry as a...*",
        "top": 501,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#88FF82",
    "alpha": 1,
    "cssValue": "rgb(136, 255, 130)",
    "count": 19,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 35,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "*",
        "top": 212,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 556,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#F8F8F8",
    "alpha": 0.30196078431372547,
    "cssValue": "oklab(0.985098 0.0000447631 0.0000197291 / 0.3)",
    "count": 32,
    "contexts": [
      {
        "tag": "input",
        "text": "",
        "top": 243,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Select an option",
        "top": 537,
        "property": "border"
      },
      {
        "tag": "textarea",
        "text": "",
        "top": 752,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#282828",
    "alpha": 0.2,
    "cssValue": "oklab(0.268617 0.000012286 0.00000536442 / 0.2)",
    "count": 28,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9580,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#79DE74",
    "alpha": 1,
    "cssValue": "rgb(121, 222, 116)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Apply",
        "top": 35,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "CuspAI | AI-powered materials discovery",
        "top": -1,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 551,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 946,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#7DE677",
    "alpha": 1,
    "cssValue": "rgb(125, 230, 119)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 916,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#354734",
    "alpha": 1,
    "cssValue": "rgb(53, 71, 52)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Apply",
        "top": 46,
        "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: Large, expansive padding between sections, creating distinct full-screen or half-screen reading areas.
- Corner style: Sharp corners on major layout blocks and logo grids, but pill-shaped fully rounded corners on the primary 'Apply' button and carousel controls.
- Radius: Mixed: 0px for layout panels and grid cells; large radius (pill shape) for primary buttons.
- Borders: Thin, subtle borders (color-6, rgba(40,40,40,0.2)) used to define the strict grid in the partner logos section.
- Buttons: Solid fill with contrasting text, pill-shaped.
- Content width: Full-bleed for visual assets and major background blocks; text is often constrained to a readable column width but spans edges in display roles.
- Density: Low density; relies on macro-typography and large blocks of color/video to pace the content.
- Evidence: Visually derived from the screenshots showing the grid lines in the partner section, the pill-shaped apply button, and the full-bleed video backgrounds.

## Sections

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

1. **Hero — AI Materials Mission Hero** (Home)
   AI suggestion (96% confidence): Complete full-screen opening composition with industrial robotics imagery, a prominent mission statement, supporting breakthrough claim, and scroll cue.
   Capture: 1440×1920px; page bounds 0–1920px of 13036px; source section ID: `720e3312-1180-474b-8471-b62ad69368d1`; image: https://media.designdetails.io/library/b6a5ac69cc91bcd4f87f4f318b18383441287bb4bf76618a28f6592de80a76a6/720e3312-1180-474b-8471-b62ad69368d1.webp
   SECTION.md v3.2: `720e3312-1180-474b-8471-b62ad69368d1` (deterministic evidence; editorial review pending)
2. **Features — Cusp Features** (Home)
   Reusable feature composition from Home, organized around “Cusp Features”.
   Capture: 1440×755px; page bounds 3722–4477px of 13036px; source section ID: `864bfe29-5e34-4020-9fef-4912c8c14a58`; image: https://media.designdetails.io/library/6c5e6c47928941f68859faced0ffb570868355bee8a17cd36974144ee5181eb9/section-manual-864bfe29-5e34-4020-9fef-4912c8c14a58-1791692082920.webp
   SECTION.md v3.2: `864bfe29-5e34-4020-9fef-4912c8c14a58` (deterministic evidence; editorial review pending)
3. **Feature Card — On-Demand Materials Vision** (Home)
   AI suggestion (84% confidence): Complete full-bleed visual panel pairing a concise future-facing materials statement with distinctive solar-energy imagery; bounded clearly before the next panel begins.
   Capture: 1440×891px; page bounds 1920–2811px of 13036px; source section ID: `e5e01bfb-0ad6-4acb-a925-103413ec84cd`; image: https://media.designdetails.io/library/9d5d00014329a89b8a1db68e72b589b09bc673262221ab68e3452241ac9cde16/e5e01bfb-0ad6-4acb-a925-103413ec84cd.webp
   SECTION.md v3.2: `e5e01bfb-0ad6-4acb-a925-103413ec84cd` (deterministic evidence; editorial review pending)
4. **Team — World Class Team and Advisors** (Home)
   AI suggestion (87% confidence): Complete team-focused component with a strong headline, supporting statement, leadership roster, broader staff listing, and advisor group; all visible content has a clear hierarchy and concludes within the segment.
   Capture: 1440×1080px; page bounds 9504–10584px of 13036px; source section ID: `d2d39d52-65f8-4834-8041-971e50deee8d`; image: https://media.designdetails.io/library/448a90ee5cb6d7cf672bdb3222cd991fbb5569eb344d8bc4b1b23dea66a65fcc/d2d39d52-65f8-4834-8041-971e50deee8d.webp
   SECTION.md v3.2: `d2d39d52-65f8-4834-8041-971e50deee8d` (deterministic evidence; editorial review pending)
5. **CTA — Join the AI Materials Foundry** (Home)
   AI suggestion (98% confidence): Complete conversion section with a dramatic Earth-at-night backdrop, clear recruitment message, supporting copy, and prominent Apply button.
   Capture: 1440×901px; page bounds 10901–11802px of 13036px; source section ID: `967e53aa-ac53-485d-843a-d4f03dba28a6`; image: https://media.designdetails.io/library/5e4aa3f7f501a9d11ceeda9aa3d72bd455e6a5cb8a15aa73c11f9ae3a831bbd4/967e53aa-ac53-485d-843a-d4f03dba28a6.webp
   SECTION.md v3.2: `967e53aa-ac53-485d-843a-d4f03dba28a6` (deterministic evidence; editorial review pending)
6. **Footer — About CuspAI Footer** (Home)
   AI suggestion (96% confidence): Substantial page-ending component combining company background, location and advisory details, oversized brand typography, supporting imagery, and legal information.
   Capture: 1440×1234px; page bounds 11802–13036px of 13036px; source section ID: `eacb45cf-e91f-4709-95fd-3be3e36024af`; image: https://media.designdetails.io/library/2bd0779118e90afbc7dd66b86cb74d1c494de3f68f846e283d758ae6cc9cd39a/eacb45cf-e91f-4709-95fd-3be3e36024af.webp
   SECTION.md v3.2: `eacb45cf-e91f-4709-95fd-3be3e36024af` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/6b4a44b60ec60bdfc392413b0f171e6ed7ccc854762ad47556c4934452c668b8/desktop_full-68dcfaee-2026-10-10T06-29-55-722Z.webp
- Mobile screenshot: https://media.designdetails.io/library/ed6be3f6121d7100d8d2e672f127e5ee06aac40a18ccad5f7afdb0e961788672/mobile_full-68dcfaee-2026-10-10T06-30-43-164Z.webp
- Open Graph image: https://media.designdetails.io/library/760b15a2ce41961a967fa1d171fe4ad684754b4e9684c7678b669cf6ffaa593a/og_image-68dcfaee-2026-10-10T06-30-05-952Z.webp
- Full-page video: https://media.designdetails.io/library/2cbeead1ec14d7c89e8727e50620773f9cfa8f5c05f3af1f97b8a57b9f0ccdf2/motion-1791697964466.mp4
- Video poster: https://media.designdetails.io/library/5e8323a7939a31f9738de883755338fd3f735aaf559aedf822951a0fe885876c/motion-poster-1791697964466.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 With Background Imagery
- Testimonial Card
- Logo Strip
- Primary Button
- Carousel
- Footer
- Contact Form
- Scroll Driven Wipe Transition
- Typographic Video Mask

## Quality rubric

Overall: 58.13/100 (Competent)
Evidence coverage: 80%
Judge tier: Competent
Verdict: cusp.ai executes a polished, high-contrast editorial-tech aesthetic with a disciplined two-typeface system, a confident teal/neon-green palette, and content that is frequently well-matched to its materials-AI narrative (notably the icon-driven 'Our approach' sequence). But the dominant moves — cinematic full-bleed video, scroll-triggered wipe transitions, an oversized footer wordmark, and a bordered logo grid — are now standard currency in funded AI-startup marketing sites, keeping Originality in the competent range. A visible text-truncation issue in the testimonial section and unverified interaction/motion quality (only automated scroll was captured) further cap the overall experience at competent rather than good or strong.

- Typography (15%): 66 — A disciplined two-family system (Aeonik for display/body, Aeonik Mono for labels/counters) is used with purposeful scale jumps (204px display, 56-66.5px heads, 21px body, 12-14px mono caps). Negative tracking on large sizes and uppercase mono micro-labels create a clear editorial hierarchy. However, weight range is narrow (mostly 400, one 200), and the system relies on size alone for hierarchy rather than varied weight/texture.
- Color (10%): 58 — A confident high-contrast palette (deep teal #017288, neon green #79DE74/#88FF82, near-black #262626, and light surfaces #FAFAFA) is applied consistently as section-defining blocks. The green is used almost like a brand signature across CTAs, highlights, and accents. However, the palette is somewhat generic within the current funded-AI-startup aesthetic (teal+neon-green is a common choice), and contrast pairing (black text on bright green) is functional rather than refined.
- Layout (20%): 62 — The page has a clear macro-rhythm: full-bleed video hero, split-screen color-block transitions, a rigid bordered logo grid, testimonial carousel, approach steps, team/investor grids, and a footer with oversized type. Section-to-section pacing is legible and the partner-logo grid is executed with genuine structural rigor (bordered cells, alignment). Weaknesses: the testimonial/quote section truncates text at viewport edge in the crops (quotes cut off at 'Rob Fergu...', 'intracta...', 'before.'), suggesting insufficient width handling or an unresolved multi-column quote layout, and the hero text overlapping busy video imagery (robotic arms) creates some legibility strain.
- Motion (20%): Inconclusive — Observed moments describe wipe transitions and typographic video-masking tied to scroll position, which is a real interaction pattern, but the evidence explicitly notes only automated scrolling was captured — no hover, click, or carousel-arrow interaction was tested, and no frame-rate, easing-curve, or responsiveness detail is available to judge craft quality beyond the existence of the effect.
- Originality (25%): 48 — Full-bleed cinematic video heroes, scroll-triggered color-block wipes, oversized footer wordmark text, and bordered logo grids are all now common patterns in well-funded AI/deep-tech startup sites. The typographic video-mask reveal has some presence but is an established technique (seen across many Awwwards-style sites) rather than a hard-to-substitute idea unique to this brand. Nothing observed (a bespoke interaction model, a genuinely novel data visualization, or an idiom invented for this specific content) rises above skillful application of current genre conventions.
- Content (10%): 64 — Copy and visuals are reasonably well matched to the materials-science/AI narrative: robotic-arm manufacturing footage for the mission statement, solar panel footage for climate-tech framing, and the 'Our approach' icon sequence (Define/Generate/Simulate/Synthesise/Scale) directly visualizes the stated process. Partner/investor/team grids substantiate credibility claims with real logos and named individuals. The 3D render of the 'MIRA' stacked-chip visual is a reasonable abstraction of the AI pipeline. Weakness: the pairing of generic stock-style background videos with large display text sometimes feels like a wrapper rather than content-specific authorship (e.g., abstract particle-cloud animation in hero doesn't connect concretely to 'materials discovery').

Coverage: 80% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

Mirrored overhead footage of orange robotic arms gives an industrial, large-scale feel that grounds an abstract AI pitch in real hardware. Short white headlines stacked over dark footage, then a teal band of partner logos and quotes, pace the page from mission to proof to team, helping visitors trust the science quickly.

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