# Enigma — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.enigma.inc/
Captured: 2026-10-19
CSS measured: 2026-10-19T16:08:52.652Z at 1440×1000 — https://www.enigma.inc/
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 website features a highly dynamic, single-page scroll experience characterized by large typography, fluid organic shapes with soft gradients, and expansive whitespace. The design transitions through distinct background colors (warm beige, light grey) to delineate sections. The typography mixes a robust serif-like or high-contrast sans for headings and display text with a clean sans-serif for utility and body copy. Highly rounded corners are a recurring motif, seen in the navigation pill, video frames, and content cards.

## Classification

- Industry: other
- Site type: Blog
- Business model: Software
- Styles: minimal, bold, gradient, playful, organic, kinetic-typography
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: antique — weight 400; size 168px; line-height 184.8px; tracking normal; uppercase (95% role confidence, computed values)
- Heading: antique — weight 400; size 56px; line-height 64.4px; tracking -1.7px; Regular (90% role confidence, computed values)
- Body: antique — weight 300; size 18px; line-height 25.2px; tracking normal; Regular (85% role confidence, computed values)
- Mono: tarnac — weight 400; size 12px; line-height 14.4px; tracking 1.2px; uppercase (80% role confidence, computed values)

## Functional palette

- Text — text #000000: color-1: computed rgb(0, 0, 0); AI role: Black (#000000) used for primary typography across different background colors. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used as the base background for the initial hero section. (90% role confidence, computed values)
- Surface — surface #F2EBE2: color-6: computed rgb(242, 235, 226); AI role: Beige (#F2EBE2) used as a full-bleed section background. (85% role confidence, computed values)
- Accent — accent #FB2C36: color-3: computed lab(55.4814 75.0732 48.8528); AI role: Red (#FB2C36) used for the hands/dots on the clock components, providing a sharp contrast. (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": "tarnac",
    "fontStack": "tarnac, \"tarnac Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "1.2px",
    "traits": "uppercase",
    "count": 13,
    "contexts": [
      {
        "tag": "h2",
        "text": "Vision",
        "top": 1160,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Technology",
        "top": 2271,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Events",
        "top": 4176,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h1",
        "text": "Enigma",
        "top": 486,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Robots that feel Right, Intuitive, Natural, EffortlessNatural",
        "top": 486,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Right, Intuitive, Natural, Effortless",
        "top": 485,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "168px",
    "lineHeight": "184.8px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Model",
        "top": 2539,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Abstraction",
        "top": 2723,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Interface",
        "top": 2908,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "300",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "What does Enigma make for robotics companies?",
        "top": 9241,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We create the stack robots run on: foundation robotics models, a robot-agnostic abstraction layer, a",
        "top": 9290,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Robotic hardware companies build the robots. We give it the intelligence to understand the world and",
        "top": 9341,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "tarnac",
    "fontStack": "tarnac, \"tarnac Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Everything that makes a robot intuitive to use comes down to three pieces working as one. We build a",
        "top": 2446,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our foundation model works on any form factor, and our different interfaces unlock the full potentia",
        "top": 3753,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our launch event put human-robot interfaces in the hands of the public, turning games and real inter",
        "top": 4383,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "64.4px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Enigma builds robotic foundation models to make every robot intelligent and the interfaces to make t",
        "top": 1190,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "100 AI robots, 4 days. Online access to everyone.",
        "top": 4207,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We aim to make robots meaningful, starting today.",
        "top": 5776,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "tarnac",
    "fontStack": "tarnac, \"tarnac Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "© 2026 Enigma AI Labs, Inc. All rights reserved.",
        "top": 10641,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "X (Twitter)",
        "top": 10641,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "GitHub",
        "top": 10641,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "42px",
    "lineHeight": "48.3px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "We build the models, abstraction and interfaces that work on any hardware.",
        "top": 2301,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "40px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Some frequently asked questions",
        "top": 9080,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "32.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Usability unlocks existing capabilities and grows new ones we haven’t imagined yet.",
        "top": 3221,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "tarnac",
    "fontStack": "tarnac, \"tarnac Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Blog",
        "top": 90,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Event",
        "top": 134,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Terms of service",
        "top": 178,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "strong",
        "text": "AI research:",
        "top": 9513,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "By being used:",
        "top": 9538,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "antique",
    "fontStack": "antique, \"antique Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "lowercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Natural",
        "top": 486,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 69,
    "contexts": [
      {
        "tag": "div",
        "text": "BlogEventTerms of service",
        "top": 24,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 39,
        "property": "svg-fill"
      },
      {
        "tag": "h1",
        "text": "Enigma",
        "top": 486,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 53,
    "contexts": [
      {
        "tag": "body",
        "text": "BlogEventTerms of serviceEnigmaRobots that feel Right, Intuitive, Natural, EffortlessNaturalVisionEn",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 33,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 39,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FB2C36",
    "alpha": 1,
    "cssValue": "lab(55.4814 75.0732 48.8528)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 6521,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 6300,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(0, 0, 0, 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2123,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#C3CCD9",
    "alpha": 1,
    "cssValue": "rgb(195, 204, 217)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4028,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F2EBE2",
    "alpha": 1,
    "cssValue": "rgb(242, 235, 226)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7234,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.5)",
    "count": 8,
    "contexts": [
      {
        "tag": "time",
        "text": "SFO",
        "top": 6366,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "rgba(0, 0, 0, 0.6)",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "We are a team of researchers and engineers with backgrounds across different domains - from math oly",
        "top": 8182,
        "property": "text"
      },
      {
        "tag": "li",
        "text": "AI research: We have a stellar team pushing our models forward every day.",
        "top": 9513,
        "property": "text"
      },
      {
        "tag": "strong",
        "text": "AI research:",
        "top": 9513,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#818181",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(128, 128, 128, 0.3)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "10100:000:001:14",
        "top": 1863,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 10,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 33,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "Blog",
        "top": 77,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 1879,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.1)",
    "count": 17,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8558,
        "property": "border"
      },
      {
        "tag": "footer",
        "text": "© 2026 Enigma AI Labs, Inc. All rights reserved.X (Twitter)GitHub",
        "top": 9709,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "BlogEventTerms of service",
        "top": 24,
        "property": "border"
      }
    ]
  }
]
```

### 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: Very loose rhythm with massive vertical margins separating distinct scroll-driven scenes.
- Corner style: Predominantly rounded, with tight radii on typography and extremely large radii on structural elements.
- Radius: Large border radii used for video containers, image cards, and the floating navigation pill.
- Borders: Mostly borderless, relying on contrasting background colors to separate sections; subtle 10% opacity black borders used on cards and the footer.
- Buttons: Pill-shaped, dark background with white text/icons for primary controls like the nav and small rounded rectangles for logo cards.
- Content width: Content is generally centered and constrained within a readable column, except for full-bleed background colors and videos that expand to fill the viewport.
- Density: Very low density, utilizing extensive whitespace to focus attention on single sentences or specific interactive elements at a time.
- Evidence: Visual inspection of the continuous scroll sections, video frame treatments, and spacing between major text blocks.

## Sections

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

1. **Features — TECHNOLOGY** (Home)
   Reusable feature composition from Home, organized around “TECHNOLOGY”.
   Capture: 1440×2000px; page bounds 2111–4111px of 12074px; source section ID: `bbbd1b96-a123-4e67-81f5-1f112f16bcb6`; image: https://media.designdetails.io/library/800277aa4639f58526645054a5ec67680fa742d7a964de97eab1f80b1221a682/section_crop-bbbd1b96-2026-10-19T16-09-05-541Z.webp
   SECTION.md v3.2: `bbbd1b96-a123-4e67-81f5-1f112f16bcb6` (deterministic evidence; editorial review pending)
2. **Features — EVENTS** (Home)
   Reusable feature composition from Home, organized around “EVENTS”.
   Capture: 1440×2000px; page bounds 4147–6147px of 12074px; source section ID: `e7e6b9fc-1d1f-4ad0-85e4-5847c52d6753`; image: https://media.designdetails.io/library/40aa815df526e2ada13ec99c33b9e7c0e0f19c4ed7987b021882691574b6508c/section_crop-e7e6b9fc-2026-10-19T16-09-07-113Z.webp
   SECTION.md v3.2: `e7e6b9fc-1d1f-4ad0-85e4-5847c52d6753` (deterministic evidence; editorial review pending)
3. **Features — WHY NOW** (Home)
   Reusable feature composition from Home, organized around “WHY NOW”.
   Capture: 1440×2000px; page bounds 6183–8183px of 12074px; source section ID: `037900ac-5198-46fc-afe2-412988cc773c`; image: https://media.designdetails.io/library/596ba84bc999c06f8eab0637492c891985ec14a3707d5feec1134c8966a887ab/section_crop-037900ac-2026-10-19T16-09-09-288Z.webp
   SECTION.md v3.2: `037900ac-5198-46fc-afe2-412988cc773c` (deterministic evidence; editorial review pending)
4. **Features — Team** (Home)
   Reusable feature composition from Home, organized around “Team”.
   Capture: 1440×2000px; page bounds 8219–10219px of 12074px; source section ID: `9e393fa1-615f-4402-84ee-386025a2c22e`; image: https://media.designdetails.io/library/d402a5dd226979dac29b3962321fd976bf06e94e917ad348c8feaeb58ecdc27d/section_crop-9e393fa1-2026-10-19T16-09-10-346Z.webp
   SECTION.md v3.2: `9e393fa1-615f-4402-84ee-386025a2c22e` (deterministic evidence; editorial review pending)
5. **Hero — Enigma Robots Hero** (Home)
   AI suggestion (98% confidence): Complete opening hero with distinctive abstract gradient artwork, compact brand navigation, company name, and the clear positioning line “Robots that feel intuitive.”
   Capture: 1440×972px; page bounds 21–993px of 12074px; source section ID: `caf648d2-00c8-444c-96d8-2ec06dc6f220`; image: https://media.designdetails.io/library/92029ba6785796452656208ac5f7edace147d30cd5317716b5f58c6ad76d215c/caf648d2-00c8-444c-96d8-2ec06dc6f220.webp
   SECTION.md v3.2: `caf648d2-00c8-444c-96d8-2ec06dc6f220` (deterministic evidence; editorial review pending)
6. **Editorial — Robotic Intelligence Vision** (Home)
   AI suggestion (91% confidence): Self-contained vision statement paired with a centered video preview, with ample whitespace and a clear ending before the Technology section begins.
   Capture: 1440×876px; page bounds 1131–2007px of 12074px; source section ID: `6c3b7dad-ec5c-43c0-9199-67684bdf78f6`; image: https://media.designdetails.io/library/72272009fa79d8def5e66e65efb1a3b63d23909ff3703603a590e94bb9d51470/6c3b7dad-ec5c-43c0-9199-67684bdf78f6.webp
   SECTION.md v3.2: `6c3b7dad-ec5c-43c0-9199-67684bdf78f6` (deterministic evidence; editorial review pending)
7. **Product Demo — Usability Interface Demo** (Home)
   AI suggestion (93% confidence): Complete rounded showcase section with a bold interface heading, concise usability message, central video demo, and supporting caption; a strong reusable product demonstration pattern.
   Capture: 1440×978px; page bounds 3122–4100px of 12074px; source section ID: `d6de7232-108d-444a-884a-d5eff37d5e09`; image: https://media.designdetails.io/library/f898dc8cb84f720fb8e0ba2de60a32e253ad3ac077dace787d4e6f5d51f94be9/d6de7232-108d-444a-884a-d5eff37d5e09.webp
   SECTION.md v3.2: `d6de7232-108d-444a-884a-d5eff37d5e09` (deterministic evidence; editorial review pending)
8. **Editorial — Why Now Mission Statement** (Home)
   AI suggestion (94% confidence): Complete rounded editorial panel with an eyebrow, substantial mission headline, supporting rationale, and a distinctive row of world-clock graphics.
   Capture: 1440×969px; page bounds 6211–7180px of 12074px; source section ID: `cb6549ec-27bf-43a6-9f55-8863bf3cd638`; image: https://media.designdetails.io/library/283e7d3c6b2a4ea393d3daf4d21fa4e6ec4d3ece55f5b8dcbf5c85f8efda3eae/cb6549ec-27bf-43a6-9f55-8863bf3cd638.webp
   SECTION.md v3.2: `cb6549ec-27bf-43a6-9f55-8863bf3cd638` (deterministic evidence; editorial review pending)
9. **Dashboard — Global Time-Zone Clock Grid** (Home)
   AI suggestion (86% confidence): Complete self-contained visualization panel showing eight labeled city clocks in a cohesive two-row dashboard grid.
   Capture: 1440×987px; page bounds 7204–8191px of 12074px; source section ID: `c5556f9d-997c-4641-8378-a76795fbaa76`; image: https://media.designdetails.io/library/cee663cb298fdbbdd1d31b88390739e93fa5e53d16d4838e11298a1023439b8d/c5556f9d-997c-4641-8378-a76795fbaa76.webp
   SECTION.md v3.2: `c5556f9d-997c-4641-8378-a76795fbaa76` (deterministic evidence; editorial review pending)
10. **Team — Team Story and Investor Backing** (Home)
   AI suggestion (90% confidence): Complete rounded section combining the team’s multidisciplinary mission statement with a clearly labeled row of investor logos, giving it a self-contained organizational purpose.
   Capture: 1440×975px; page bounds 9231–10206px of 12074px; source section ID: `e6889777-7859-4647-9c3a-c8fbc54af545`; image: https://media.designdetails.io/library/3ddb698a81a15b37546f6184384bc7e80ddd0b48695c6b6aee95aa5bf2553e5a/e6889777-7859-4647-9c3a-c8fbc54af545.webp
   SECTION.md v3.2: `e6889777-7859-4647-9c3a-c8fbc54af545` (deterministic evidence; editorial review pending)
11. **FAQ — Robotics FAQ Accordion** (Home)
   AI suggestion (98% confidence): Complete FAQ component with eyebrow, heading, and four clearly bounded accordion questions.
   Capture: 1440×586px; page bounds 10400–10986px of 12074px; source section ID: `985a2020-c9a4-42b1-8f0b-1bd6b6e627bc`; image: https://media.designdetails.io/library/f4cec8e902d623136badcb5da7fba448abdfbd662638863949ff2ec5dd47955e/985a2020-c9a4-42b1-8f0b-1bd6b6e627bc.webp
   SECTION.md v3.2: `985a2020-c9a4-42b1-8f0b-1bd6b6e627bc` (deterministic evidence; editorial review pending)
12. **Footer — Abstract Shape Footer** (Home)
   AI suggestion (97% confidence): Complete, distinctive footer framed by a top divider, oversized abstract graphics, copyright text, and social links.
   Capture: 1440×1001px; page bounds 11073–12074px of 12074px; source section ID: `61facebd-4ce2-4e1a-9bb5-c5313038e504`; image: https://media.designdetails.io/library/1f57fd509631e5d9cf2f2c0ef8b274c6513063474e7279b17c9a1084b7087e72/61facebd-4ce2-4e1a-9bb5-c5313038e504.webp
   SECTION.md v3.2: `61facebd-4ce2-4e1a-9bb5-c5313038e504` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/c9cb8265fb6da3617ad8f70511274639659e82d4c754d1ab954a76ef24beaa47/desktop_full-aa08c195-2026-10-19T16-08-52-663Z.webp
- Mobile screenshot: https://media.designdetails.io/library/3512936be5a2c4da50b7ac3e4b39deedb49a51e83eea512f4734d1137bd6e597/mobile_full-aa08c195-2026-10-19T16-09-40-757Z.webp
- Open Graph image: https://media.designdetails.io/library/7c6d9599f0c882d24f92393ace1c292bb740d05b9d2f15c087495a8b5db59e1b/og_image-aa08c195-2026-10-19T16-09-01-271Z.webp
- Full-page video: https://media.designdetails.io/library/020df2982bf17c2a458244482d991dc9a8642837cf6ed4ac8dbc7de036bd01a4/motion-1792426949198.mp4
- Video poster: https://media.designdetails.io/library/60b02cc79b6af254b2b31284bb9866b675a1de417270fc4b880d1555708053a6/motion-poster-1792426949198.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero
- Video Frame
- FAQ Accordion
- Logo Strip
- Footer
- Clock Grid
- Scroll Revealed Video

## Quality rubric

Overall: 53.4/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Enigma executes a competent, internally consistent scrollytelling system — a disciplined type scale, color-blocked narrative sections, and scroll-tied motion spanning the hero through the footer — but nearly every individual device (gradient blob hero, pill nav, stacking-and-shrinking scroll typography, expanding video reveal) is drawn from a template language that is now common across AI/robotics startup sites, with only the timezone clock grid offering a genuinely specific idea. The result is polished and well-organized but not distinctive enough to clear the 'good' threshold.

- Typography (15%): 62 — A clear multi-role type system is evident: a 168px display face for structural words (MODEL/ABSTRACTION/INTERFACE), a 56px heading weight for section statements, an 18px light body, and a 12px uppercase mono-style label for section eyebrows (VISION, TECHNOLOGY, EVENTS). The hierarchy is consistent and legible across sections, and the oversized display size is used purposefully as a structural/motion device rather than decoration alone.
- Color (10%): 58 — Palette is restrained and used functionally to delineate scroll 'scenes' (white, blush pink, light grey, powder blue, beige), with black/white as the dominant text/ground pairing and a single red accent isolated to the clock-hand motif. This is coherent and controlled, but the specific pastel sequence (dusty pink, powder blue, warm beige) is a very common palette choice in current AI/tech landing pages and doesn't register as a distinctive color identity.
- Layout (20%): 63 — The page is organized as a sequence of large, rounded-corner 'card' scenes stacked vertically, each with centered content, generous whitespace, and a consistent content-width discipline for text alongside full-bleed color panels. Video frames, the clock grid, logo cards, and FAQ rows all share the same rounded-corner/bordered-card vocabulary, giving the layout system internal consistency across many distinct content types.
- Motion (20%): 61 — Multiple scroll-tied moments are documented across the page (hero word-cycling, MODEL/ABSTRACTION/INTERFACE stacking-and-scaling tied to a video reveal, a question that flips its wording mid-scroll, and footer blobs that distort on scroll), showing a motion system applied across several distinct sections rather than a single hero trick. However, this specific vocabulary — oversized stacked words that scale down while scrolling, small videos that expand to full width on scroll, blob backgrounds — is now a widely used scrollytelling pattern on contemporary AI/tech landing pages, so while execution is broad, it is not distinctive.
- Originality (25%): 32 — The core devices — a soft gradient-blob hero, a floating black pill nav with a plus icon, oversized words that stack and shrink on scroll while a video expands behind them, rounded video frames with custom controls, and a pastel-panel scrollytelling structure — closely mirror a now-common template language across contemporary AI/robotics startup sites. The clock grid of global time zones is the one genuinely distinctive detail, but it is a single small moment rather than a system-wide idea, and it alone cannot offset the otherwise formulaic hero/scroll/footer-blob structure.
- Content (10%): 55 — Content is reasonably tied to the visual system: the word-flip directly dramatizes the copy's thesis, the timezone clock grid visualizes a distributed team claim, and product videos (robotic arm, pill-shaped robots, launch event footage) are placed to support specific claims in adjacent text. Investor logos and team copy are presented in the same card language as the rest of the page. Some video content reads as generic b-roll/demo footage rather than content purpose-built for this layout.

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
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

Soft blob shaped gradients in warm yellow, pink and teal open the page with an organic mood that softens the idea of robotics, then give way to plain white sections with large bold black headlines for easy scanning. Muted pastel bands separate product videos and clock like line diagrams, pacing a technical story into calm, readable chapters.

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