# Mecka — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.mecka.ai/
Captured: 2026-10-10
CSS measured: 2026-10-10T04:47:02.200Z at 1440×1000 — https://www.mecka.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

Mecka's website features a highly technical, blueprint-inspired aesthetic. It leverages a light beige grid background in the primary sections to emulate drafting paper, contrasting sharply with deeply dark sections. The typography mixes a clean sans-serif for headings and body with a monospace font for technical labels and data points, reinforcing the engineering theme. Hand-drawn style robot illustrations and precise, thin-line diagrams serve as the core visual elements, complemented by a muted color palette punctuated by vibrant orange accents.

## Classification

- Industry: ai
- Site type: Landing
- Business model: AI, Software
- Styles: illustrative, minimal, typographic, retro, schematic-blueprint, technical-interface
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Schibsted Grotesk — weight 700; size 148px; line-height 127.3px; tracking -5.9px; Regular (100% role confidence, computed values)
- Heading: Schibsted Grotesk — weight 500; size 72px; line-height 73.4px; tracking -2.5px; Regular (100% role confidence, computed values)
- Body: Inter — weight 400; size 16px; line-height 24.8px; tracking normal; Regular (95% role confidence, computed values)
- Mono: Fira Code — weight 400; size 11px; line-height normal; tracking 1.7px; uppercase (100% role confidence, computed values)

## Functional palette

- Canvas — canvas #ECE5D8: color-1: computed rgb(236, 229, 216); AI role: The light beige background (#ECE5D8) used in the upper half and blueprint sections. (100% role confidence, computed values)
- Canvas — canvas #0C0A07: color-2: computed rgb(12, 10, 7); AI role: The deep black/dark gray (#0C0A07) used as the background for the lower, contrast-heavy sections. (100% role confidence, computed values)
- Primary Action — primary action #CF5A22: color-9: computed rgb(207, 90, 34); AI role: Vibrant orange (#CF5A22) used for the 'Careers' button and highlighted text. (100% role confidence, computed values)
- Text — text #19140D: color-6: computed rgb(25, 20, 13); AI role: Dark text (#19140D) used for main content on the light canvas. (95% role confidence, computed values)
- Text — text #E9E2D4: color-7: computed rgb(233, 226, 212); AI role: Light text (#E9E2D4) used for headlines and paragraphs on the dark canvas. (95% role confidence, computed values)
- Border — border #2A2318: color-28: computed rgb(42, 35, 24); AI role: Dark brown lines (#2A2318) used for separating grids, tables, and sections. (90% role confidence, computed values)
- Accent — accent #FF5A1F: color-24: computed rgb(255, 90, 31); AI role: Bright orange (#FF5A1F) used for specific diagram highlights and active states. (90% role confidence, computed values)
- Muted Text — muted text #6E6450: color-20: computed rgb(110, 100, 80); AI role: Medium gray/brown (#6E6450) used for secondary labels and numbers. (85% 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": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "1.7px",
    "traits": "uppercase",
    "count": 33,
    "contexts": [
      {
        "tag": "div",
        "text": "FIG.01 Robotics Operations Unit",
        "top": 150,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "FIG.01",
        "top": 150,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Fortune",
        "top": 671,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "72px",
    "lineHeight": "73.4px",
    "letterSpacing": "-2.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Physical AI is blocked by real-world data.",
        "top": 7276,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "The integrator of the robotics ecosystem.",
        "top": 8150,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "How Mecka measuresand acts on the world.",
        "top": 8918,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "30px",
    "lineHeight": "33px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "Real world tasks are noisy.",
        "top": 7547,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Raw video is not enough.",
        "top": 7547,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "The lab is not the finish line.",
        "top": 7547,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "25.6px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Mecka raised a $60M Series B led by Sequoia. From frontier venture firms to the leaders in AI comput",
        "top": 5715,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "$60M Series B",
        "top": 5715,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "From frontier venture firms to the leaders in AI compute.",
        "top": 5741,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "700",
    "size": "148px",
    "lineHeight": "127.3px",
    "letterSpacing": "-5.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "mecka",
        "top": 186,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "93.6px",
    "lineHeight": "95.5px",
    "letterSpacing": "-3.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Explore a robot deployment, today.",
        "top": 11180,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "50px",
    "lineHeight": "51px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Teaching Robots About Carbon Life",
        "top": 6357,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Models need to experience large scale edge cases and task specific demonstrations to generalize into",
        "top": 7594,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Teams need annotation, context, QA, motion understanding, and evaluation workflows before real-world",
        "top": 7594,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Robotics systems need to be tested against real workflows, real environments, and real constraints b",
        "top": 7594,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "26.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Robotics will be the largest GDP-expanding technology ever — increasing productivity and making mult",
        "top": 6518,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Mecka builds the infrastructure for robots to learn about the real world and deploy reliably into co",
        "top": 6646,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Mecka plugs into three ecosystems — hardware, models, and commercial partners — and owns the data an",
        "top": 8410,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Capture environment and task-specific data for your use case in labs and at scale. Now available on ",
        "top": 10531,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Web interface for browsing, visualizing and querying data. Collaborate on datasets with teams. Run i",
        "top": 10531,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Learn how Mecka can help your enterprise evaluate physical workflows and support real-world deployme",
        "top": 10531,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "25px",
    "lineHeight": "33.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "The data and deployment layer for physical AI.",
        "top": 343,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "data and deployment layer",
        "top": 344,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "3.4px",
    "lineHeight": "normal",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 31,
    "contexts": [
      {
        "tag": "text",
        "text": "1",
        "top": 9297,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "2",
        "top": 9297,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "3",
        "top": 9297,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "7px",
    "lineHeight": "normal",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 23,
    "contexts": [
      {
        "tag": "text",
        "text": "1",
        "top": 6303,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "2",
        "top": 6303,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "3",
        "top": 6303,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "10px",
    "lineHeight": "normal",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "div",
        "text": "01",
        "top": 9273,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "PX-01 · MK-SIG",
        "top": 9485,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "02",
        "top": 9273,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "01",
        "top": 804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Telemetry",
        "top": 804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 832,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "button",
        "text": "Menu",
        "top": 27,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Careers",
        "top": 26,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Read the thesis →",
        "top": 6739,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "3.7px",
    "lineHeight": "normal",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "text",
        "text": "3×3",
        "top": 9408,
        "property": "font"
      },
      {
        "tag": "text",
        "text": ".5",
        "top": 9414,
        "property": "font"
      },
      {
        "tag": "text",
        "text": ".5",
        "top": 9414,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "3.6px",
    "lineHeight": "normal",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "text",
        "text": "ID 07 v 3.30 m/s",
        "top": 9427,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "IoU 0.88",
        "top": 9428,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "F 0.2 N",
        "top": 9294,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Pixel Understanding",
        "top": 9465,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Depth & Geometry",
        "top": 9465,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Object Tracking",
        "top": 9465,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "3.2px",
    "lineHeight": "normal",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "text",
        "text": "t0",
        "top": 9662,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "t9",
        "top": 9662,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "x",
        "top": 9678,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "29px",
    "lineHeight": "normal",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "text",
        "text": "real-world sensor",
        "top": 685,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "fusion",
        "top": 697,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "base rotation · J1",
        "top": 654,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "text",
        "text": "Hardware",
        "top": 8189,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Models",
        "top": 8189,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Partners",
        "top": 8189,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "0.5px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "( 01 )",
        "top": 6518,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "( 02 )",
        "top": 6646,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "( 01 )",
        "top": 12068,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "59px",
    "lineHeight": "normal",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "text",
        "text": "Telemetry",
        "top": 661,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Locomotion",
        "top": 629,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Kinematics",
        "top": 446,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "38px",
    "lineHeight": "normal",
    "letterSpacing": "2.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "text",
        "text": "01 /",
        "top": 647,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "02 /",
        "top": 616,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "03 /",
        "top": 433,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "↗",
        "top": 10706,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "↗",
        "top": 10728,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "↗",
        "top": 10706,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "9px",
    "lineHeight": "normal",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "STBY",
        "top": 806,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "STBY",
        "top": 834,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "STBY",
        "top": 862,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "25px",
    "lineHeight": "normal",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "What does Mecka do?",
        "top": 12061,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Who is Mecka built for?",
        "top": 12144,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "What is Egoverse?",
        "top": 12227,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "500",
    "size": "13.5px",
    "lineHeight": "16.2px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "We raised $60M to power robot learning data",
        "top": 691,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Watch the Mecka launch film",
        "top": 665,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "An ecosystem for robot learning from egocentric data",
        "top": 689,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "Z",
        "top": 76,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "X",
        "top": 147,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Y",
        "top": 147,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "9px",
    "lineHeight": "normal",
    "letterSpacing": "1.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "BIN A",
        "top": 6703,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "PLACE",
        "top": 6703,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "BIN B",
        "top": 6703,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "7.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "I",
        "top": 6342,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "II",
        "top": 6358,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "III",
        "top": 6772,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "7.5px",
    "lineHeight": "normal",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "SENSOR HEAD",
        "top": 6342,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "SHOULDER · 2 DOF",
        "top": 6358,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "WORKCELL",
        "top": 6772,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "3.3px",
    "lineHeight": "normal",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "30",
        "top": 9590,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "50",
        "top": 9579,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "▲ 62",
        "top": 9607,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "10.5px",
    "lineHeight": "normal",
    "letterSpacing": "1.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "PLUG IN",
        "top": 8151,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "MECKA OWNS",
        "top": 8250,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "8px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "LAB",
        "top": 7756,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "FIELD",
        "top": 7756,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "6.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "OBJ",
        "top": 7718,
        "property": "font"
      },
      {
        "tag": "text",
        "text": ".98",
        "top": 7726,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Schibsted Grotesk",
    "fontStack": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "56px",
    "lineHeight": "56px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Built for the real world.",
        "top": 12709,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Fira Code",
    "fontStack": "\"Fira Code\", ui-monospace, Menlo, monospace",
    "weight": "400",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "MECKA",
        "top": 822,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Inter",
    "fontStack": "Inter, system-ui, sans-serif",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "text",
        "text": "telemetry compounds back",
        "top": 8435,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#ECE5D8",
    "alpha": 1,
    "cssValue": "rgb(236, 229, 216)",
    "count": 9,
    "contexts": [
      {
        "tag": "body",
        "text": "Menu Careers Document Index✕ 01 Meet Mecka 02 The Challenge 03 The Mecka Loop 04 Signal & Action Pri",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "( 02 ) THE CHALLENGE Physical AI is blocked by real-world data. ( Challenge 01 ) Real world tasks ar",
        "top": 7018,
        "property": "background"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 7726,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0C0A07",
    "alpha": 1,
    "cssValue": "rgb(12, 10, 7)",
    "count": 47,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "border"
      },
      {
        "tag": "section",
        "text": "Mecka raised a $60M Series B led by Sequoia. From frontier venture firms to the leaders in AI comput",
        "top": 5600,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 6593,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#EFE9DE",
    "alpha": 1,
    "cssValue": "rgb(239, 233, 222)",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "01 /Telemetryreal-world sensorfusion02 /Locomotionbase rotation · J103 /Kinematicslink pose & trajec",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      },
      {
        "tag": "ellipse",
        "text": "",
        "top": 602,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 25,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 305,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 312,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "",
        "top": 663,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#B3A892",
    "alpha": 1,
    "cssValue": "rgb(179, 168, 146)",
    "count": 270,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 6314,
        "property": "svg-stroke"
      },
      {
        "tag": "text",
        "text": "1",
        "top": 6303,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 6593,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#19140D",
    "alpha": 1,
    "cssValue": "rgb(25, 20, 13)",
    "count": 89,
    "contexts": [
      {
        "tag": "button",
        "text": "Menu",
        "top": 27,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 43,
        "property": "background"
      },
      {
        "tag": "text",
        "text": "01 /",
        "top": 647,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#E9E2D4",
    "alpha": 1,
    "cssValue": "rgb(233, 226, 212)",
    "count": 205,
    "contexts": [
      {
        "tag": "h2",
        "text": "Mecka raised a $60M Series B led by Sequoia. From frontier venture firms to the leaders in AI comput",
        "top": 5715,
        "property": "text"
      },
      {
        "tag": "text",
        "text": "1",
        "top": 6303,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Robotics will be the largest GDP-expanding technology ever — increasing productivity and making mult",
        "top": 6518,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#6B6253",
    "alpha": 1,
    "cssValue": "rgb(107, 98, 83)",
    "count": 17,
    "contexts": [
      {
        "tag": "p",
        "text": "Models need to experience large scale edge cases and task specific demonstrations to generalize into",
        "top": 7594,
        "property": "text"
      },
      {
        "tag": "text",
        "text": "PLUG IN",
        "top": 8151,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 8226,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#CF5A22",
    "alpha": 1,
    "cssValue": "rgb(207, 90, 34)",
    "count": 37,
    "contexts": [
      {
        "tag": "a",
        "text": "Careers",
        "top": 26,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "Careers",
        "top": 26,
        "property": "border"
      },
      {
        "tag": "b",
        "text": "$60M Series B",
        "top": 5715,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#23201B",
    "alpha": 1,
    "cssValue": "rgb(35, 32, 27)",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 15,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 15,
        "property": "::after-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 680,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#B5ADA1",
    "alpha": 1,
    "cssValue": "rgb(181, 173, 161)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#9A9185",
    "alpha": 1,
    "cssValue": "rgb(154, 145, 133)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#7A7267",
    "alpha": 1,
    "cssValue": "rgb(122, 114, 103)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#5B554C",
    "alpha": 1,
    "cssValue": "rgb(91, 85, 76)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#39362F",
    "alpha": 1,
    "cssValue": "rgb(57, 54, 47)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#25221D",
    "alpha": 1,
    "cssValue": "rgb(37, 34, 29)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#211F1C",
    "alpha": 1,
    "cssValue": "rgb(33, 31, 28)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 586,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#A39A88",
    "alpha": 1,
    "cssValue": "rgb(163, 154, 136)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "From frontier venture firms to the leaders in AI compute.",
        "top": 5741,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Read full announcement →",
        "top": 5926,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Capture environment and task-specific data for your use case in labs and at scale. Now available on ",
        "top": 10531,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F3EEE6",
    "alpha": 0.9019607843137255,
    "cssValue": "rgba(243, 238, 229, 0.9)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Bill of Materials0 / 6 01TelemetrySTBY02LocomotionSTBY03KinematicsSTBY04Degrees of FreedomSTBY05Moti",
        "top": 767,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#6E6450",
    "alpha": 1,
    "cssValue": "rgb(110, 100, 80)",
    "count": 36,
    "contexts": [
      {
        "tag": "div",
        "text": "01",
        "top": 9273,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "↗↗",
        "top": 10700,
        "property": "border"
      },
      {
        "tag": "h5",
        "text": "Resources",
        "top": 12709,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#E4DCCB",
    "alpha": 1,
    "cssValue": "rgb(228, 220, 203)",
    "count": 4,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 8173,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#746A5E",
    "alpha": 1,
    "cssValue": "rgb(116, 106, 94)",
    "count": 14,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 590,
        "property": "svg-stroke"
      },
      {
        "tag": "ellipse",
        "text": "",
        "top": 602,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#7D7466",
    "alpha": 1,
    "cssValue": "rgb(125, 116, 102)",
    "count": 36,
    "contexts": [
      {
        "tag": "text",
        "text": "real-world sensor",
        "top": 685,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "FIG.01 Robotics Operations Unit",
        "top": 150,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Bill of Materials",
        "top": 775,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FF5A1F",
    "alpha": 1,
    "cssValue": "rgb(255, 90, 31)",
    "count": 46,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 17,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 17,
        "property": "::after-background"
      },
      {
        "tag": "text",
        "text": "FIG 02 — MECKA MK-002 / FRONT ELEVATION",
        "top": 6281,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#B5AB98",
    "alpha": 1,
    "cssValue": "rgb(181, 171, 152)",
    "count": 3,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 8173,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#DDD3BF",
    "alpha": 1,
    "cssValue": "rgb(221, 211, 191)",
    "count": 3,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 8281,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#8F8573",
    "alpha": 1,
    "cssValue": "rgb(143, 133, 115)",
    "count": 3,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 8281,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#2A2318",
    "alpha": 1,
    "cssValue": "rgb(42, 35, 24)",
    "count": 25,
    "contexts": [
      {
        "tag": "div",
        "text": "( 02 ) THE CHALLENGE",
        "top": 7162,
        "property": "border"
      },
      {
        "tag": "text",
        "text": "TASK SET / 2 OF N",
        "top": 7691,
        "property": "svg-fill"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 7708,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#C8501F",
    "alpha": 1,
    "cssValue": "rgb(200, 80, 31)",
    "count": 16,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 720,
        "property": "svg-stroke"
      },
      {
        "tag": "text",
        "text": "01 /",
        "top": 647,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "FIG.01 Robotics Operations Unit",
        "top": 150,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#2A241A",
    "alpha": 1,
    "cssValue": "rgb(42, 36, 26)",
    "count": 37,
    "contexts": [
      {
        "tag": "div",
        "text": "( 01 ) MEET MECKA",
        "top": 6129,
        "property": "border"
      },
      {
        "tag": "section",
        "text": "( 05 ) PLATFORM Foundations toPhysical AI Explore human data from around the world, built for robot ",
        "top": 9919,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "Mobile App Collect dataat scale Capture environment and task-specific data for your use case in labs",
        "top": 10389,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Careers",
        "top": 26,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "We raised $60M to power robot learning data",
        "top": 691,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#CB936E",
    "alpha": 1,
    "cssValue": "rgb(203, 147, 110)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#2B2417",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(42, 35, 24, 0.3)",
    "count": 23,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 7710,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 7717,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#B67344",
    "alpha": 1,
    "cssValue": "rgb(182, 115, 68)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#92532E",
    "alpha": 1,
    "cssValue": "rgb(146, 83, 46)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#61361F",
    "alpha": 1,
    "cssValue": "rgb(97, 54, 31)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FFF3EB",
    "alpha": 0.7411764705882353,
    "cssValue": "rgba(255, 243, 235, 0.74)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Fortune",
        "top": 671,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#231F1B",
    "alpha": 0.25882352941176473,
    "cssValue": "rgba(35, 32, 27, 0.26)",
    "count": 14,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 22,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#2A241C",
    "alpha": 1,
    "cssValue": "rgb(42, 36, 28)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 663,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#2C2620",
    "alpha": 1,
    "cssValue": "rgb(44, 38, 32)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 695,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Menu",
        "top": 27,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#212119",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(35, 32, 27, 0.12)",
    "count": 14,
    "contexts": [
      {
        "tag": "li",
        "text": "01TelemetrySTBY",
        "top": 798,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "UnitMECKA",
        "top": 822,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#FFFFFF",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(255, 255, 255, 0.55)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Menu Careers",
        "top": 18,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#FF581D",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 90, 31, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 7710,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#2C2519",
    "alpha": 0.1607843137254902,
    "cssValue": "rgba(42, 35, 24, 0.16)",
    "count": 1,
    "contexts": [
      {
        "tag": "figure",
        "text": "The Mecka loopHardware, models and partners plug in; Mecka owns data, integration and evals; the out",
        "top": 8150,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "Menu",
        "top": 27,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#E8E4D6",
    "alpha": 0.2196078431372549,
    "cssValue": "rgba(233, 226, 212, 0.22)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Read full announcement →",
        "top": 5926,
        "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: Sections are divided by distinct horizontal lines or full background color changes. The layout relies heavily on a structured, visible grid that defines padding and alignment.
- Corner style: Mix of very sharp corners for content blocks and structural borders, contrasting with fully rounded 'pill' shapes for interactive floating elements like the nav bar.
- Radius: Buttons and the main floating header use maximum border-radius (pill shape), while cards and grid cells have 0px border-radius.
- Borders: Extensive use of solid, 1px (hairline) borders to construct the 'blueprint' grid, separate table rows, and divide columns.
- Buttons: Primary actions use solid, bold-colored pill shapes. Other interactable elements use subtle hover states with thin borders or small icon arrows.
- Content width: Content generally spans a wide max-width, adhering to the underlying grid structure with generous horizontal padding.
- Density: Density varies intentionally; technical diagrams and 'Bill of Materials' are highly dense with small mono text, while major typographic headings have expansive whitespace.
- Evidence: Visible grid lines in the background. The floating nav pill at the top. The rigid, tabular layout of the 'Bill of Materials' and 'The Challenge' features.

## Sections

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

1. **Features — Mecka raised a $60M Series B led by Sequoia. From frontier venture firms…** (Home)
   Reusable feature composition from Home, organized around “Mecka raised a $60M Series B led by Sequoia. From frontier venture firms…”.
   Capture: 1440×385px; page bounds 5600–5985px of 13234px; source section ID: `91f8ae4a-bea4-40f7-9935-650d898c539d`; image: https://media.designdetails.io/library/56476ae1d63da6e3b85fbea3f1e3f8ff9a2c3ef3a99c3f465c3ccab5bf7e71b5/section_crop-91f8ae4a-2026-10-10T04-47-15-339Z.webp
   SECTION.md v3.2: `91f8ae4a-bea4-40f7-9935-650d898c539d` (deterministic evidence; editorial review pending)
2. **Features — Physical AI is blocked by real-world data.** (Home)
   Reusable feature composition from Home, organized around “Physical AI is blocked by real-world data.”.
   Capture: 1440×874px; page bounds 7018–7892px of 13234px; source section ID: `58d79233-354e-4f67-b4e7-996d26d91f67`; image: https://media.designdetails.io/library/7ac9ad2da93175c5735137a7fd2368baaf918661cac63339f0f821ada9e8c816/section_crop-58d79233-2026-10-10T04-47-17-059Z.webp
   SECTION.md v3.2: `58d79233-354e-4f67-b4e7-996d26d91f67` (deterministic evidence; editorial review pending)
3. **Features — Foundations to Physical AI** (Home)
   Reusable feature composition from Home, organized around “Foundations to Physical AI”.
   Capture: 1440×980px; page bounds 9919–10899px of 13234px; source section ID: `f69b7ced-ee63-4378-a452-b558eb471e29`; image: https://media.designdetails.io/library/4fa17cc10666b865cd6a991803f1eed0707760784c1ff1f3f62a6f688a76306d/section_crop-f69b7ced-2026-10-10T04-47-19-750Z.webp
   SECTION.md v3.2: `f69b7ced-ee63-4378-a452-b558eb471e29` (deterministic evidence; editorial review pending)
4. **Footer — Mecka Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Mecka Footer”.
   Capture: 1440×640px; page bounds 12594–13234px of 13234px; source section ID: `b17cb2a0-909f-4b63-8fa4-4ab4c37693bc`; image: https://media.designdetails.io/library/b8354280855dc1ad80f25c6b3185c29aeb0c6011b8d45010a9b17c2d178a43e4/section_crop-b17cb2a0-2026-10-10T04-47-22-370Z.webp
   SECTION.md v3.2: `b17cb2a0-909f-4b63-8fa4-4ab4c37693bc` (deterministic evidence; editorial review pending)
5. **Hero — Mecka Physical AI Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening hero with brand navigation, strong product headline and value proposition, distinctive robotic-arm technical illustration, funding proof card, and blueprint-style metadata; it ends cleanly at the heavy horizontal boundary.
   Capture: 1440×981px; page bounds 12–993px of 13234px; source section ID: `d1fdb376-6f86-499f-9ffd-379820dedf40`; image: https://media.designdetails.io/library/8cced0d29dad1e745a2c7a989dac48152c050b05e75fc4a5dde71208aa786612/d1fdb376-6f86-499f-9ffd-379820dedf40.webp
   SECTION.md v3.2: `d1fdb376-6f86-499f-9ffd-379820dedf40` (deterministic evidence; editorial review pending)
6. **Logo Cloud — Series B Partner Logo Cloud** (Home)
   AI suggestion (97% confidence): Complete dark announcement block pairing a funding statement, prominent partner/investor logos, and a supporting announcement link.
   Capture: 1440×630px; page bounds 5500–6130px of 13234px; source section ID: `c0a7a2c6-0bae-4046-86a0-0888b77459df`; image: https://media.designdetails.io/library/54cc358ee06a24b4821d0624bdaa279ab7da8f3c404726bc3ea64fed12490da7/c0a7a2c6-0bae-4046-86a0-0888b77459df.webp
   SECTION.md v3.2: `c0a7a2c6-0bae-4046-86a0-0888b77459df` (deterministic evidence; editorial review pending)
7. **Editorial — Meet Mecka Thesis** (Home)
   AI suggestion (91% confidence): Self-contained vision section with a technical robot blueprint, bold thesis headline, two supporting principles, and a contextual link.
   Capture: 1440×885px; page bounds 6133–7018px of 13234px; source section ID: `4c7d3ffd-9370-4087-832b-6d6c28e5bd87`; image: https://media.designdetails.io/library/31e70d7c8482dabe9a8a48044b5538d34a7bcce042d2ea828b5c6e8fed4b3dbe/4c7d3ffd-9370-4087-832b-6d6c28e5bd87.webp
   SECTION.md v3.2: `4c7d3ffd-9370-4087-832b-6d6c28e5bd87` (deterministic evidence; editorial review pending)
8. **Process — The Mecka Loop Ecosystem** (Home)
   AI suggestion (93% confidence): Complete light-background explainer combining a clear section label, ecosystem statement, supporting copy, and an end-to-end integration flow diagram.
   Capture: 1440×627px; page bounds 8037–8664px of 13234px; source section ID: `5c9ca999-21d7-4232-9b6f-314ae6e31ab7`; image: https://media.designdetails.io/library/49ce18d424128e1e3fa18ba1cc051a77ecd7c1a12c779c88b9cc24ff0270ad8c/5c9ca999-21d7-4232-9b6f-314ae6e31ab7.webp
   SECTION.md v3.2: `5c9ca999-21d7-4232-9b6f-314ae6e31ab7` (deterministic evidence; editorial review pending)
9. **Feature Grid — Signal & Action Primitives** (Home)
   AI suggestion (96% confidence): Complete dark section with heading, context copy, and a cohesive 10-item grid illustrating Mecka’s measurement modules, from pixel understanding through localization.
   Capture: 1440×1134px; page bounds 8799–9933px of 13234px; source section ID: `406fee66-a0bd-4456-9750-c623ac3bfddf`; image: https://media.designdetails.io/library/0834aa3f76f9f91d39e9132adf187b4fe53ac609ef73339b5caaa6becbef9ce2/406fee66-a0bd-4456-9750-c623ac3bfddf.webp
   SECTION.md v3.2: `406fee66-a0bd-4456-9750-c623ac3bfddf` (deterministic evidence; editorial review pending)
10. **CTA — Explore a robot deployment CTA** (Home)
   AI suggestion (98% confidence): Complete, self-contained conversion panel with a strong headline, supporting copy, dual actions, and a distinctive framed layout.
   Capture: 1440×884px; page bounds 10902–11786px of 13234px; source section ID: `c3e6fd90-c541-4f29-9641-2dec18f870b9`; image: https://media.designdetails.io/library/cbb2d94d9921efcd41e3c92162afa6193f2200bace331ef674e063b03c5a561f/c3e6fd90-c541-4f29-9641-2dec18f870b9.webp
   SECTION.md v3.2: `c3e6fd90-c541-4f29-9641-2dec18f870b9` (deterministic evidence; editorial review pending)
11. **FAQ — Frequently asked questions** (Home)
   AI suggestion (99% confidence): Complete FAQ section with its heading and five clearly structured accordion rows, all visible within the segment.
   Capture: 1440×791px; page bounds 11803–12594px of 13234px; source section ID: `c07cd0c4-08e5-4d8b-a2fb-c58987e52567`; image: https://media.designdetails.io/library/d3555762c756b1f7cd7829982161136e9a2e4c65e7a8f965fb037ab3015464a9/c07cd0c4-08e5-4d8b-a2fb-c58987e52567.webp
   SECTION.md v3.2: `c07cd0c4-08e5-4d8b-a2fb-c58987e52567` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/094901be42c010b806c88f18dcc8719d40e405ed580959c26743ead35b242d27/desktop_full-c13e4042-2026-10-10T04-47-02-232Z.webp
- Mobile screenshot: https://media.designdetails.io/library/09bac6dae039c79e7116b77edf0fdca93b233fbd722ff7d41ef5d3128d413b5e/mobile_full-c13e4042-2026-10-10T04-47-49-088Z.webp
- Open Graph image: https://media.designdetails.io/library/d9e5a54ea23c57e93bfedcbdfef65c543f202e7035767eef42634c4d53d9105c/og_image-c13e4042-2026-10-10T04-47-12-739Z.webp
- Full-page video: https://media.designdetails.io/library/4ca103abdcd750a29cf5d7240ee42fa8052dd5b8c0d07a9b1aa95a125da261ef/motion-1791608936158.mp4
- Video poster: https://media.designdetails.io/library/15ec8c427e299e72ec38fa232613ad319e6df56663863c7eeddd1d42f8555c8d/motion-poster-1791608936158.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
- FAQ Accordion
- Primary Button
- Footer
- Exploded View Illustration
- Technical Legend Table
- Signal Primitives Grid

## Quality rubric

Overall: 66.4/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Mecka commits fully to a blueprint/schematic idiom and backs it with real structural consistency — a shared labeling convention, hairline grid system, and a genuinely engineered scroll-driven exploded-view diagram tied to a live Bill of Materials — making it more than a single pretty hero. But the underlying page remains a fairly conventional SaaS template dressed in this motif, the accent color system is slightly uncontrolled, and the motion craft on display in the hero isn't matched elsewhere on the page, placing the overall execution solidly in the 'good' range rather than 'strong' or higher.

- Typography (15%): 68 — A deliberate three-role type system (Schibsted Grotesk display/headings, Fira Code for technical/mono labels, Inter for body) is applied consistently across the full scroll, with optically-tuned negative letter-spacing scaling with size (-5.9px at 148px down to -0.4px at 20px). The mono font is used purposefully to reinforce the engineering-document conceit rather than as decoration. However, the pairing itself (grotesk + monospace) is a common SaaS/hardware convention, and several SVG-embedded labels are rendered at implausibly small computed sizes (3.2–3.7px), suggesting scaling artifacts in diagram text that could hurt legibility if genuine.
- Color (10%): 64 — A tight, consistent palette (beige canvas #ECE5D8, near-black canvas #0C0A07, orange accents #CF5A22/#FF5A1F, muted brown-grays for secondary text and hairlines) is reused across every section, giving the dark/light alternation real discipline. The orange-on-dark/beige accent pairing is a very common startup convention, and the two near-identical oranges (#CF5A22 vs #FF5A1F) read as slightly uncontrolled rather than an intentional two-tier accent system.
- Layout (20%): 69 — The blueprint motif is carried structurally, not just decoratively: every section uses the same '(0X) SECTION NAME' labeling convention, hairline-bordered grid cells, and a consistent light/dark section rhythm from hero through FAQ and footer. Distinct components (Bill of Materials table, exploded-view diagram, signal-primitives grid, feature cards, accordion) share consistent spacing, border, and corner-radius logic (sharp corners for structural elements, pill shapes for interactive controls). This is a genuine applied system across 7+ sections rather than an isolated hero layout.
- Motion (20%): 63 — The centerpiece is a scroll-scrubbed exploded-view animation of the robot arm that disassembles/reassembles and reverses cleanly on scroll-up, paired with labeled part callouts and a live-updating Bill of Materials status table — a legitimately engineered, bespoke interaction rather than a stock parallax hero. This is supplemented by section-level background color crossfades and a standard accordion. However, beyond the one signature sequence, the remaining motion vocabulary (bg crossfade, accordion open/close) is conventional, and no evidence substantiates animation smoothness, easing quality, or performance under real scroll conditions.
- Originality (25%): 66 — The blueprint/schematic metaphor is carried unusually far for this genre: a live Bill-of-Materials status table synced to a scroll-scrubbed exploded-view diagram, FIG/DWG annotation conventions, and a 'Signal & Action Primitives' grid of ten distinct micro-diagrams (pixel understanding, depth, tactile force, sound waves, etc.) are specific, hard-to-template ideas tied directly to the product. That said, the underlying 'engineering blueprint aesthetic for a robotics/AI startup' is now a recognizable genre convention, and the overall structure (hero → social proof logos → problem/solution → platform cards → CTA → FAQ) follows a familiar SaaS template beneath the surface styling.
- Content (10%): 69 — The visual system is tightly bound to actual product substance rather than generic stock imagery: diagram labels (Telemetry, Locomotion, Kinematics, Degrees of Freedom, Motion Capture, Contact Data) correspond to real robotics data categories, and the Signal & Action Primitives grid visualizes specific technical concepts (depth, tactile force, point cloud, localization) with purpose-built iconography rather than placeholder graphics.

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 blueprint grid background and a hand-drawn orange robotic arm turn an abstract data product into a tangible machine, while the engineering drawing labels like DWG NO. and SCALE add a lab-notebook credibility. Heavy black type up top gives way to dark, chaptered sections lower down, pacing the long page into clear stages of the story.

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