# Bedrock Robotics — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://bedrockrobotics.com/
Captured: 2026-10-29
CSS measured: 2026-10-29T16:52:58.922Z at 1440×1000 — https://bedrockrobotics.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: claude-sonnet-5

## Design direction

The website employs a highly cinematic, industrial aesthetic characterized by full-bleed background videos, massive typography, and a muted, earthy color palette with sharp yellow accents. The layout is expansive, utilizing distinct horizontal color-blocked sections to pace the user journey, and relies on stark contrast and large scale rather than intricate UI details.

## Classification

- Industry: hardware
- Site type: Landing
- Business model: Software
- Styles: bold, photographic, minimal, corporate, typographic, industrial, cinematic
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: fontsans — weight 400; size 140px; line-height 140px; tracking -4.2px; Regular (95% role confidence, computed values)
- Heading: fontsans — weight 400; size 46px; line-height 50.6px; tracking -0.9px; Regular (90% role confidence, computed values)
- Body: fontsans — weight 400; size 24px; line-height 30px; tracking -0.2px; Regular (85% role confidence, computed values)

## Functional palette

- Primary Action — primary action #FFE29B: color-9: computed rgb(255, 226, 155); AI role: Pale yellow (#FFE29B) used exclusively for prominent call-to-action buttons like 'Get started'. (95% role confidence, computed values)
- Canvas — canvas #F0EBE5: color-2: computed rgb(240, 235, 229); AI role: Light beige (#F0EBE5) used as the primary background color for several expansive text sections. (90% role confidence, computed values)
- Text — text #FFFFFF: color-11: computed rgb(255, 255, 255); AI role: White (#FFFFFF) text utilized for high contrast legibility over darker video and surface backgrounds. (90% role confidence, computed values)
- Surface — surface #555047: color-3: computed rgb(85, 80, 71); AI role: Dark olive/brown (#555047) used as the background color for alternating sections and the large footer. (85% role confidence, computed values)
- Text — text #575349: color-10: computed rgb(87, 83, 73); AI role: Dark olive text (#575349) used on the yellow buttons and light canvas areas. (85% role confidence, computed values)
- Muted Text — muted text #73695F: color-7: computed rgb(115, 105, 95); AI role: Medium grayish-brown (#73695F) used for secondary or initially masked text to create contrast hierarchy. (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": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "60px",
    "lineHeight": "60px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 118,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 94,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About",
        "top": 154,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Technology",
        "top": 214,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "140px",
    "lineHeight": "140px",
    "letterSpacing": "-4.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Get in touch",
        "top": 10470,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "46px",
    "lineHeight": "50.6px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Bedrock transforms everyday equipment into autonomous machines, bringing safety, speed, and certaint",
        "top": 2494,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "Groundbreaking machine intelligence",
        "top": 5392,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sharpening skills with every project",
        "top": 5392,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Transforming how we develop the world",
        "top": 5375,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "The Bedrock Operator doesn’t just follow commands— it works around problems, adapts, and gets the jo",
        "top": 5458,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Equip your team with insights from tens of thousands of hours in the field, and operational capabili",
        "top": 5458,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Today, excavators. Tomorrow, machines of all types will coordinate around common goals, sequence tas",
        "top": 5475,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "25px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Our team unites engineers with deep experience in autonomous vehicles and other safety-critical syst",
        "top": 10186,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Get started",
        "top": 5876,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Get started",
        "top": 5920,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "About us",
        "top": 10336,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "24.3px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Bedrock Robotics ©2026",
        "top": 11752,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Privacy Policy",
        "top": 11752,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Terms of Use",
        "top": 11752,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "↓",
        "top": -67,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Menu",
        "top": -67,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "30px",
    "lineHeight": "30px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Advanced Autonomy for the Built World",
        "top": 40,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "fontsans",
    "fontStack": "fontsans, \"fontsans Fallback\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 8455,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F0EBE5",
    "alpha": 1,
    "cssValue": "rgb(240, 235, 229)",
    "count": 17,
    "contexts": [
      {
        "tag": "body",
        "text": "[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Bedrock Robotics\",\"url\":\"https://bedrock",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Designed with ambitious crews, ready to cover more ground.Designed with ambitious crews, ready to co",
        "top": 1000,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 30,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#555047",
    "alpha": 1,
    "cssValue": "rgb(85, 80, 71)",
    "count": 2,
    "contexts": [
      {
        "tag": "section",
        "text": "Advanced Autonomy for the Built WorldAdvanced Autonomy for the Built World",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#EDE7DF",
    "alpha": 1,
    "cssValue": "rgb(237, 231, 223)",
    "count": 75,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": -74,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": -74,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": -65,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#3F3E39",
    "alpha": 1,
    "cssValue": "rgb(63, 62, 57)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "HomeAboutTechnologyPartnersCareersNewsContact",
        "top": -110,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#6C665A",
    "alpha": 1,
    "cssValue": "rgb(108, 102, 90)",
    "count": 7,
    "contexts": [
      {
        "tag": "footer",
        "text": "HomeAboutTechnologyPartnersCareersNewsMedia KitContactGet updatesGet updatesBedrock Robotics ©2026Pr",
        "top": 10949,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 11004,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#73695F",
    "alpha": 1,
    "cssValue": "rgb(115, 105, 95)",
    "count": 111,
    "contexts": [
      {
        "tag": "span",
        "text": "Designed with ambitious crews, ready to cover more ground.",
        "top": 1424,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Get in touch",
        "top": 10470,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#8C8073",
    "alpha": 1,
    "cssValue": "rgb(140, 128, 115)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "About",
        "top": 154,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "",
        "top": 20,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFE29B",
    "alpha": 1,
    "cssValue": "rgb(255, 226, 155)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Get startedGet started",
        "top": 5876,
        "property": "control-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 8458,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 8459,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#575349",
    "alpha": 1,
    "cssValue": "rgb(87, 83, 73)",
    "count": 30,
    "contexts": [
      {
        "tag": "div",
        "text": "Get started",
        "top": 5876,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5886,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5892,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "About usAbout us",
        "top": 10336,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#E2DBD5",
    "alpha": 1,
    "cssValue": "rgb(226, 219, 213)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 8455,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#E1DBD4",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(226, 219, 213, 0.3)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "02:08",
        "top": 8455,
        "property": "text"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Extremely generous vertical padding, often utilizing full viewport heights for distinct sections, with large gaps between media elements and text.
- Corner style: Strictly sharp, 90-degree corners on all primary structural containers, buttons, and input fields.
- Radius: 0px radius is standard across interactive elements and layout blocks.
- Borders: Borders are largely absent; visual separation is achieved through stark background color changes (light beige to dark olive) or media edges.
- Buttons: Flat, unshadowed rectangular blocks with solid fill colors (yellow) and contrasting dark text, utilizing a simple right-pointing arrow icon.
- Content width: Media and major typographic elements often bleed to the edges, while body text is contained within comfortable, though wide, reading columns, often offset to one side.
- Density: Very low density, prioritizing large-scale imagery and massive text over high information volume, creating a breathing, cinematic feel.
- Evidence: Observed from the full-width video headers, sharp-edged yellow buttons, unbordered input fields, and the stark color block transitions between sections.

## Sections

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

1. **Hero — Full-bleed machinery photo with wordmark** (Home)
   A huge outlined wordmark over a real excavator photo sets the industry and brand at once, with minimal nav kept small.
   Capture: 1440×1000px; page bounds 0–1000px of 11796px; source section ID: `ecf3b724-829d-406c-85d1-35196b04a7e0`; image: https://media.designdetails.io/library/547354d3a362669617edc156d0bfbf9118099b4ddadfc6986718c45085be5a63/ecf3b724-829d-406c-85d1-35196b04a7e0.webp
   SECTION.md v3.2: `ecf3b724-829d-406c-85d1-35196b04a7e0` (deterministic evidence; editorial review pending)
2. **Other — Centered statement with text reveal** (Home)
   One short mission line on a plain cream field, revealed as you scroll, gives a calm pause and focuses reading.
   Capture: 1440×970px; page bounds 1000–1970px of 11796px; source section ID: `41f2049e-3141-4cb7-894f-0ec30ce78a9a`; image: https://media.designdetails.io/library/5ea5ae140a6c94a5c0cd6933201a51fdb5ed48c76378159b54f41228718dfa1c/41f2049e-3141-4cb7-894f-0ec30ce78a9a.webp
   SECTION.md v3.2: `41f2049e-3141-4cb7-894f-0ec30ce78a9a` (deterministic evidence; editorial review pending)
3. **Other — Scroll text over product screen** (Home)
   Large white copy over a laptop screen with a map explains the value in one sentence while showing the actual product.
   Capture: 1440×1000px; page bounds 1970–2970px of 11796px; source section ID: `0ab46221-2938-443d-8109-c125c0074138`; image: https://media.designdetails.io/library/e9658050ba56de298a2e08f5fd4f64e00e4ee9a53f7e15f08d5c03e400c001ce/0ab46221-2938-443d-8109-c125c0074138.webp
   SECTION.md v3.2: `0ab46221-2938-443d-8109-c125c0074138` (deterministic evidence; editorial review pending)
4. **Other — Overlay statement on software imagery** (Home)
   A concise white paragraph over the software image states the benefits plainly, and the image keeps the claim tied to a real product.
   Capture: 1440×1500px; page bounds 2970–4470px of 11796px; source section ID: `d133bdda-4f30-4886-98a5-bec6d2880e82`; image: https://media.designdetails.io/library/98ebec7db8447034a8895535ddeb373357687b42a3b52fa0e965a1da94faf598/d133bdda-4f30-4886-98a5-bec6d2880e82.webp
   SECTION.md v3.2: `d133bdda-4f30-4886-98a5-bec6d2880e82` (deterministic evidence; editorial review pending)
5. **Other — Transition into product screen** (Home)
   The statement slides out while the dashboard image scrolls in, giving continuous motion between the story and the product.
   Capture: 1440×500px; page bounds 4470–4970px of 11796px; source section ID: `1f7c4069-0da5-47b8-b8c1-e43dbbed64da`; image: https://media.designdetails.io/library/93923026f2c8a8444eb30599969a55269bf8d617d2757abc16a1f6f43038b481/1f7c4069-0da5-47b8-b8c1-e43dbbed64da.webp
   SECTION.md v3.2: `1f7c4069-0da5-47b8-b8c1-e43dbbed64da` (deterministic evidence; editorial review pending)
6. **Features — Alternating media blocks on dark ground** (Home)
   Sensor visuals and field footage stacked beside short copy and one button show the technology in action against a muted dark backdrop.
   Capture: 960×600px; page bounds 4970–7970px of 11796px; source section ID: `c9a07d28-0634-4c5b-bc2a-b095c86474b5`; image: https://media.designdetails.io/library/3f3702cd86d0bea1565bdc7c47268d1a6f9be0842db32d3805102d33dcd15269/c9a07d28-0634-4c5b-bc2a-b095c86474b5.webp
   SECTION.md v3.2: `c9a07d28-0634-4c5b-bc2a-b095c86474b5` (deterministic evidence; editorial review pending)
7. **Testimonials — Customer video story with play prompt** (Home)
   A close-up portrait with a play label and duration invites a click and puts a real customer face to the claims.
   Capture: 1440×1000px; page bounds 7970–8970px of 11796px; source section ID: `abbdfb35-0519-445c-8720-7458762e03a2`; image: https://media.designdetails.io/library/11c1988b578ed426ec8756dd3fd01ebd927d65cd34fe4b066c0026486e72b2bc/abbdfb35-0519-445c-8720-7458762e03a2.webp
   SECTION.md v3.2: `abbdfb35-0519-445c-8720-7458762e03a2` (deterministic evidence; editorial review pending)
8. **Team — Crew photo with about link** (Home)
   A wide photo of workers on site with a short caption and a white button shows the people and leads to the about page.
   Capture: 1440×1460px; page bounds 8970–10430px of 11796px; source section ID: `239fc26f-9f60-4a55-bf0f-85161b3a2cfa`; image: https://media.designdetails.io/library/a682cb0071f1baab26690776c707c17ef84f45dbbd38a23bcfc5c8f8542b494c/239fc26f-9f60-4a55-bf0f-85161b3a2cfa.webp
   SECTION.md v3.2: `239fc26f-9f60-4a55-bf0f-85161b3a2cfa` (deterministic evidence; editorial review pending)
9. **CTA — Oversized heading with contact button** (Home)
   A very large heading and one yellow button in the corner make the next step obvious with almost no clutter.
   Capture: 1440×519px; page bounds 10430–10949px of 11796px; source section ID: `adf61ddf-c0b5-4f8d-a691-c0481c3bb57e`; image: https://media.designdetails.io/library/c6741c7f8a198d12653567f7897148dc611cc58ad917e6f34d3fc41b7c056ac5/adf61ddf-c0b5-4f8d-a691-c0481c3bb57e.webp
   SECTION.md v3.2: `adf61ddf-c0b5-4f8d-a691-c0481c3bb57e` (deterministic evidence; editorial review pending)
10. **Footer — Link list, email signup, big wordmark** (Home)
   A stacked link list, a compact email field with social icons and a giant wordmark organise exits and close the page on brand.
   Capture: 1440×847px; page bounds 10949–11796px of 11796px; source section ID: `72328bea-e1b0-49ea-b473-0682470a50ce`; image: https://media.designdetails.io/library/c05dcbf08148f5f8ab978636bfa66a524fe53f3d3c1e8e9d0eb272217bc484be/72328bea-e1b0-49ea-b473-0682470a50ce.webp
   SECTION.md v3.2: `72328bea-e1b0-49ea-b473-0682470a50ce` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/5353536b69d3cb02d7720db90c8dea64db312e21a0aceabc2c2eae5855d39197/desktop_full-64657e6e-2026-10-29T16-52-58-936Z.webp
- Mobile screenshot: https://media.designdetails.io/library/2dc72dd8cca82d3bb187238ddcb33efa66b588f712c81217f91a460a72726a39/mobile_full-64657e6e-2026-10-29T16-53-55-565Z.webp
- Open Graph image: https://media.designdetails.io/library/1026a197da8d414175987f1a6ea28c37a2b7e919729c87111cbac31580ad4317/og_image-64657e6e-2026-10-29T16-53-08-327Z.webp
- Full-page video: https://media.designdetails.io/library/d1470e4023c0955cc690387c01c1459e91e12c16cbcabbe846192a5d47db1549/motion-1793295975001.mp4
- Video poster: https://media.designdetails.io/library/9786ab3911e8b64c8e5bf3de1dc9f8b1bb7a1393a724e93fd8098f1cc8677a32/motion-poster-1793295975001.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

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

## Reusable components

- Hero With Background Imagery
- Navigation Bar
- Primary Button
- Newsletter Form
- Footer
- Video Frame
- Split Media/text Block
- Giant Typographic Watermark

## Quality rubric

Overall: 55.5/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Bedrock Robotics presents a well-produced, cinematic industrial site: a muted beige/olive palette with a single yellow accent, a massive single-family type scale running from 18px to 140px, and full-bleed machinery video alternating with color-blocked text sections, bookended by a giant 'BEDROCK' wordmark in both hero and footer. Its strongest quality is content integration — LiDAR point-cloud visualizations, in-cab camera feeds, operator software screenshots, and a named client testimonial are placed directly alongside copy that references them, giving the page a documentary credibility that generic stock photography would lack. Execution within its chosen idiom is disciplined: the palette never strays, the CTA color is used sparingly and consistently, and section pacing across nearly 12,000px of scroll stays legible. However, the idiom itself — oversized bookend wordmark, earth-tone industrial palette, full-bleed autoplaying machinery video, mask-reveal text, LiDAR/camera inset panels — is now a recognizable convention shared across many funded robotics and industrial-AI marketing sites, which caps originality significantly. Motion is purposeful but consists of standard scroll-triggered reveals and crossfades without evidence of more varied or interactive techniques, and typographic hierarchy relies almost entirely on size rather than weight or style contrast. The result is a competent, coherent execution of a now-familiar formula rather than a landmark or highly original piece of design.

- Typography (15%): 62 — A single family (fontsans) is deployed across an unusually wide scale range — 140px display down to 18px footer type — with tracking that tightens as size grows (-4.2px at 140px vs -0.2px at 24px), giving the scale system internal logic. But every sampled instance is weight 400/'Regular'; hierarchy is carried almost entirely by raw size jumps (140/60/46/32/24/20/18px) rather than weight, style, or case contrast, making the system legible but one-dimensional.
- Color (10%): 63 — The palette is tight and consistently applied: beige canvas (#F0EBE5), olive/brown surfaces (#555047, #6C665A), white text on video, and a single pale-yellow accent (#FFE29B) reserved exclusively for CTAs across the whole scroll. This produces a calm, non-chaotic reading experience with no stray hues. However the earthy beige/olive/mustard combination is now a widely used convention for industrial/robotics-tech branding, so while disciplined, it reads as safely on-trend rather than distinctive.
- Layout (20%): 63 — The page uses a legible, repeated system: full-bleed hero video, alternating beige/olive full-width color-block sections, split media/text blocks, LiDAR-plus-camera dual-panel inserts, and a giant wordmark bookending header and footer across roughly 11,800px of scroll. Corner-bracket marks recur at section boundaries as a structural motif. This is competently paced and consistent, but the overall skeleton — big video hero, alternating content blocks, oversized closing wordmark — is a widely repeated template among contemporary tech/robotics marketing sites rather than a structurally novel composition.
- Motion (20%): 56 — Scroll-triggered motion is present and purposeful: a fixed hero video is masked by a white panel sliding up on scroll, body copy enters via left-to-right mask reveals, and a headline crossfades/scales into a second message within the same spatial slot. These choices reinforce pacing and message sequencing, but they are standard contemporary scroll-reveal techniques seen broadly in this genre, and the evidence does not establish refined easing, staggering, or any interaction-responsive motion beyond passive scroll triggers and presumed button hover states.
- Originality (25%): 38 — Every major device here — an oversized bookend wordmark in hero and footer, a muted earth-tone industrial palette, full-bleed autoplaying machinery video, inset LiDAR point-cloud visualizations paired with camera feeds, and left-to-right text mask reveals — is now a recognizable, widely repeated formula across funded robotics and industrial-AI marketing sites. Execution is competent, but no single idea here is hard for a competitor to substitute with an equivalent stock pattern; the site reads as a well-made instance of a category template rather than a conceptually distinct design.
- Content (10%): 66 — The visual content is largely domain-specific rather than generic stock: LiDAR point-cloud scans, in-cab camera feeds, a 'Cut status' operator UI screenshot, and a customer testimonial video are paired with copy that directly references what's on screen (e.g., 'Groundbreaking machine intelligence' next to a live LiDAR panel). This direct correspondence between message and documentary evidence is the site's clearest asset, though some mid-page clips (aerial dump-truck and generic jobsite footage) feel more like stock b-roll than the bespoke UI/LiDAR captures.

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 huge condensed industrial wordmark sits right over real excavator footage, anchoring a tech company to heavy machinery instead of abstract graphics. Cream panels of quiet text alternate with a dark olive band holding point-cloud scans and jobsite photos, pacing the page like chapters and giving the equipment imagery room to feel credible rather than staged.

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