# Fauna Robotics (acquired by Amazon): Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://faunarobotics.com/
Captured: 2026-11-03
CSS measured: 2026-11-03T05:20:38.170Z at 1440×1000 — https://faunarobotics.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

Fauna Robotics utilizes a warm, approachable design language that contrasts with typical stark, high-tech robotics branding. The visual identity relies on a soft beige canvas, heavily rounded corners on media assets and feature cards, and a varied, playful color palette. Bold, clean sans-serif typography is used for headings, while abstract geometric shapes are employed throughout to create visual interest, segment information, and even form playful character figures in the footer. The layout is generally spacious, incorporating bento-box style grids and overlapping colored regions to organize content.

## Classification

- Industry: hardware
- Site type: Landing
- Business model: Software
- Styles: playful, geometric, minimal, photographic, warm-tech, abstract-figurative
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Matter — weight 500; size 99.2px; line-height 92.3px; tracking -1px; Regular (90% role confidence, computed values)
- Heading: Matter — weight 500; size 64px; line-height 65.9px; tracking -2px; Regular (95% role confidence, computed values)
- Body: Matter — weight 500; size 16px; line-height 24px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #F8F0E3: color-2: computed rgb(248, 240, 227); AI role: The dominant warm beige background color (#F8F0E3) used across the body. (95% role confidence, computed values)
- Text — text #180102: color-4: computed rgb(24, 1, 2); AI role: The near-black color (#180102) used for primary headings and body text. (95% role confidence, computed values)
- Primary Action — primary action #F16B46: color-11: computed rgb(241, 107, 70); AI role: The bright orange color (#F16B46) used for the main 'Request Robot' buttons. (95% role confidence, computed values)
- Surface — surface #ECE4D7: color-1: computed rgb(236, 228, 215); AI role: A slightly darker beige (#ECE4D7) used for feature cards and the footer container. (90% 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": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h3",
        "text": "For developers",
        "top": 2879,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "For enterprises",
        "top": 2879,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "For researchers",
        "top": 2879,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "37.8px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Retail & hospitality",
        "top": 4692,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Consumer & home",
        "top": 4811,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Research& education",
        "top": 4692,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "64px",
    "lineHeight": "65.9px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h1",
        "text": "Capable, safe, fun. Robots for everyone.",
        "top": 172,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Create new experiences.Shipping today.",
        "top": 1709,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "A modern platform for robotics development",
        "top": 3279,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "99.2px",
    "lineHeight": "92.3px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Real robots, real fun",
        "top": 6821,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Make it yours",
        "top": 7989,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "42px",
    "lineHeight": "47.9px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Whole-body teleoperation",
        "top": 3780,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Play video",
        "top": 2306,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Build and test your own applications on easy-to-use hardware with full SDK access.",
        "top": 2924,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Create next-generation AI applications that solve real business problems and deploy safely in human ",
        "top": 2924,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Matter",
    "fontStack": "Matter, Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 56,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Product",
        "top": 56,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Company",
        "top": 56,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#ECE4D7",
    "alpha": 1,
    "cssValue": "rgb(236, 228, 215)",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1273,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F8F0E3",
    "alpha": 1,
    "cssValue": "rgb(248, 240, 227)",
    "count": 12,
    "contexts": [
      {
        "tag": "body",
        "text": "body { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: gr",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Request Robot",
        "top": 56,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2304,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#190000",
    "alpha": 0.2,
    "cssValue": "rgba(24, 1, 2, 0.2)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1915,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#180102",
    "alpha": 1,
    "cssValue": "rgb(24, 1, 2)",
    "count": 34,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 56,
        "property": "text"
      },
      {
        "tag": "h1",
        "text": "Capable, safe, fun. Robots for everyone.",
        "top": 172,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Create new experiences.Shipping today.",
        "top": 1709,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#DBB154",
    "alpha": 1,
    "cssValue": "rgb(219, 177, 84)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Consumer & homeCreate experiences in real spaces by transforming Sprout into a personal assistant, a",
        "top": 4630,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 6041,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#63A4BC",
    "alpha": 1,
    "cssValue": "rgb(99, 164, 188)",
    "count": 11,
    "contexts": [
      {
        "tag": "button",
        "text": "Play video",
        "top": 2284,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Play video",
        "top": 2284,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Retail & hospitalityWelcome guests, showcase products, and guide shoppers in stores, lobbies, and po",
        "top": 4654,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#3DAC91",
    "alpha": 1,
    "cssValue": "rgb(61, 172, 145)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Entertainment & experiencesBring interactive characters to life in parks, attractions, and live expe",
        "top": 4654,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#A7625A",
    "alpha": 1,
    "cssValue": "rgb(167, 98, 90)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Research& educationAccelerate AI and academic robotics research. Sprout is great for collecting real",
        "top": 4654,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#190002",
    "alpha": 0.4,
    "cssValue": "rgba(24, 1, 2, 0.4)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "Trusted by",
        "top": 1225,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Build and test your own applications on easy-to-use hardware with full SDK access.",
        "top": 2924,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EDE4D8",
    "alpha": 1,
    "cssValue": "rgb(237, 228, 216)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "HomeProductCompanyCareersNews",
        "top": 32,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F16B46",
    "alpha": 1,
    "cssValue": "rgb(241, 107, 70)",
    "count": 12,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 56,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Request Robot",
        "top": 32,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "Request Robot",
        "top": 32,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#140000",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(24, 1, 2, 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Battery, grippers, and software included",
        "top": 8123,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#ACA396",
    "alpha": 1,
    "cssValue": "rgb(172, 163, 150)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "© 2026 Fauna Robotics Inc",
        "top": 9468,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "2026",
        "top": 9461,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 9468,
        "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: Generous macro spacing between distinct sections; comfortable padding within cards and containers.
- Corner style: Pronounced rounded corners applied to almost all structural elements, avoiding sharp right angles.
- Radius: Large radii (visually 30px-40px+) on major media blocks and section containers; smaller radii on feature cards and logos.
- Borders: Primarily borderless design, relying on contrasting background colors to define containers and areas.
- Buttons: Solid color fills with pill-shaped (fully rounded) geometries for primary actions.
- Content width: Content is centered with a constrained maximum width, leaving ample margins on desktop viewports.
- Density: Low density, utilizing significant negative space to create a breathable, uncluttered layout.
- Evidence: Observed from screenshot layouts, DOM color values for backgrounds and buttons, and computed font sizes.

## Sections

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

1. **Navbar — Fauna Robotics (acquired by Amazon): Funding, Investors & Jobs Navbar** (Home)
   A grouped pill of links beside a single orange button keeps navigation light and makes the main action stand out.
   Capture: 1440×124px; page bounds 0–124px of 9559px; source section ID: `ccd4e62d-bc54-4f59-b03f-624d51cbf38c`; image: https://media.designdetails.io/library/116ca56f0773e2a8fa71b523e5010826c8c7891082531bcd15d368bc3356d8ec/ccd4e62d-bc54-4f59-b03f-624d51cbf38c.webp
   SECTION.md v3.2: `ccd4e62d-bc54-4f59-b03f-624d51cbf38c` (deterministic evidence; editorial review pending)
2. **Hero — Centered headline over rounded photo** (Home)
   A short two-line headline above a large rounded photo of a robot beside a person shows the product's friendliness immediately, with partner logos below.
   Capture: 1440×1289px; page bounds 124–1413px of 9559px; source section ID: `507ec560-ba7f-4233-8f53-98ddfe87e43e`; image: https://media.designdetails.io/library/97516083728c52f63e7bbae25d5f312a2c5155101a7d0a456642fe1825a2d23d/507ec560-ba7f-4233-8f53-98ddfe87e43e.webp
   SECTION.md v3.2: `507ec560-ba7f-4233-8f53-98ddfe87e43e` (deterministic evidence; editorial review pending)
3. **Other — Empty spacing between sections** (Home)
   Blank cream space gives the page breathing room between sections and keeps the pacing unhurried.
   Capture: 1440×296px; page bounds 1413–1709px of 9559px; source section ID: `92b8b39d-316f-4365-b7e5-0b54bb6d6028`; image: https://media.designdetails.io/library/dc93bb859bc470362e9445dbc196f046e8d152cec44644020c93e447afb720cd/92b8b39d-316f-4365-b7e5-0b54bb6d6028.webp
   SECTION.md v3.2: `92b8b39d-316f-4365-b7e5-0b54bb6d6028` (deterministic evidence; editorial review pending)
4. **Features — Video poster with audience columns** (Home)
   A large robot-face video poster draws a click, and three icon columns below split the offer by audience.
   Capture: 1440×1275px; page bounds 1709–2984px of 9559px; source section ID: `6b777c1c-7a38-44f3-a765-406e02ebc2ed`; image: https://media.designdetails.io/library/722188720e1b18baab29722d7dab472835aa27045a05ee7433fe370763eaca14/6b777c1c-7a38-44f3-a765-406e02ebc2ed.webp
   SECTION.md v3.2: `6b777c1c-7a38-44f3-a765-406e02ebc2ed` (deterministic evidence; editorial review pending)
5. **Features — Bento grid of platform capabilities** (Home)
   Mixed-size tiles combining icons, product renders and photos let visitors scan several capabilities at once without long text.
   Capture: 1440×1055px; page bounds 3279–4334px of 9559px; source section ID: `03df7070-0895-4a3a-b788-9fc6f2a3c050`; image: https://media.designdetails.io/library/6d6d8b5b74ccde49c17e04500334808f770fa0afe8d820a1abe5004c3b35af58/03df7070-0895-4a3a-b788-9fc6f2a3c050.webp
   SECTION.md v3.2: `03df7070-0895-4a3a-b788-9fc6f2a3c050` (deterministic evidence; editorial review pending)
6. **Other — Decorative shapes transition** (Home)
   Simple colored shapes carry the playful brand language and lead the eye into the next section.
   Capture: 1440×296px; page bounds 4334–4630px of 9559px; source section ID: `1459baee-ff02-446e-9e1a-c584533090db`; image: https://media.designdetails.io/library/0e977e94e46a05763395750b339a389466196ec7cde94c7efcdd0c60d8463014/1459baee-ff02-446e-9e1a-c584533090db.webp
   SECTION.md v3.2: `1459baee-ff02-446e-9e1a-c584533090db` (deterministic evidence; editorial review pending)
7. **Features — Overlapping shapes for use cases** (Home)
   Bold colored shapes in different forms label each market sector, making the list memorable and on-brand.
   Capture: 1440×524px; page bounds 4630–5154px of 9559px; source section ID: `8d8c586d-0741-48e0-842f-dc320a3c5355`; image: https://media.designdetails.io/library/0178b0614a99a4f6454357ddb9d49a60dbca6966a7f12b6b3283090db247cd25/8d8c586d-0741-48e0-842f-dc320a3c5355.webp
   SECTION.md v3.2: `8d8c586d-0741-48e0-842f-dc320a3c5355` (deterministic evidence; editorial review pending)
8. **Other — Shapes and spacing transition** (Home)
   Scattered geometric shapes continue the visual motif and give a pause before the next message.
   Capture: 1440×296px; page bounds 5154–5450px of 9559px; source section ID: `7ea09b9b-acc8-4bc1-823b-5e13d7401942`; image: https://media.designdetails.io/library/26ae70e2ed12e54228ec31d2d88e7318b4897636f79a11b8f8eac7fdc992512a/7ea09b9b-acc8-4bc1-823b-5e13d7401942.webp
   SECTION.md v3.2: `7ea09b9b-acc8-4bc1-823b-5e13d7401942` (deterministic evidence; editorial review pending)
9. **Other — Mission statement with city photo** (Home)
   A tall pill card with origin text beside a large photo of a toy-like robot in a city ties the mission to a place.
   Capture: 1440×1075px; page bounds 5450–6525px of 9559px; source section ID: `c9dfdeb8-ca2f-4095-b57c-30507422bb4c`; image: https://media.designdetails.io/library/2cea0c15de1d4140139fd7614a8e4a8f9d67d11d3721ca155dc008627138db16/c9dfdeb8-ca2f-4095-b57c-30507422bb4c.webp
   SECTION.md v3.2: `c9dfdeb8-ca2f-4095-b57c-30507422bb4c` (deterministic evidence; editorial review pending)
10. **Gallery — Scrolling strip of robot clips** (Home)
   A dense row of short real-life clips with speed tags shows the robots working in everyday settings and adds proof.
   Capture: 1440×872px; page bounds 6821–7693px of 9559px; source section ID: `988dc3e2-c291-4cd5-a17c-030219a620d8`; image: https://media.designdetails.io/library/2f0b3344080d9fd9518910adb1ec3655b0cb407baafddfa9e10e5073cade13bd/988dc3e2-c291-4cd5-a17c-030219a620d8.webp
   SECTION.md v3.2: `988dc3e2-c291-4cd5-a17c-030219a620d8` (deterministic evidence; editorial review pending)
11. **Other — Empty spacing before closing** (Home)
   Generous blank space slows the pace before the closing message.
   Capture: 1440×296px; page bounds 7693–7989px of 9559px; source section ID: `000daaf0-1ca0-485e-8377-e249e2aa7132`; image: https://media.designdetails.io/library/99eb606d90217d77399c3087bea6e0bab917aaf415067892da33cfe8bbaf715d/000daaf0-1ca0-485e-8377-e249e2aa7132.webp
   SECTION.md v3.2: `000daaf0-1ca0-485e-8377-e249e2aa7132` (deterministic evidence; editorial review pending)
12. **CTA — Headline, request button, shape robots** (Home)
   A large headline and bright button sit above colorful block figures, so the closing action feels playful and clear.
   Capture: 1440×913px; page bounds 7989–8902px of 9559px; source section ID: `d708abd6-836d-4ef5-b0e7-385642a8bf4c`; image: https://media.designdetails.io/library/22223587a92bc578ad87d5d3c8813317572faafdbd5af623ac1e7d8029375719/d708abd6-836d-4ef5-b0e7-385642a8bf4c.webp
   SECTION.md v3.2: `d708abd6-836d-4ef5-b0e7-385642a8bf4c` (deterministic evidence; editorial review pending)
13. **Footer — Rounded footer with link columns** (Home)
   Columns grouped as explore, about and social under a short mission line make links easy to find in a soft container.
   Capture: 1440×657px; page bounds 8902–9559px of 9559px; source section ID: `5303aabf-1dc4-4295-9d7d-0e1f4c18d1d0`; image: https://media.designdetails.io/library/d54ff623a5f08aca15a8271e555d9ecd69c58f2fc3e104e3d06fc9a5689fe7cc/5303aabf-1dc4-4295-9d7d-0e1f4c18d1d0.webp
   SECTION.md v3.2: `5303aabf-1dc4-4295-9d7d-0e1f4c18d1d0` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/0bdc06843f6a8674af57d2d71c9ac5fecbda8d092b1e51f57cc055a4d3fc0eef/desktop_full-07ab242e-2026-11-03T05-20-38-181Z.webp
- Mobile screenshot: https://media.designdetails.io/library/01d658c2f0d8db844282ab2c4f55515b56ec71b9ab230a30888ebd4cf2d6537d/mobile_full-07ab242e-2026-11-03T05-21-27-421Z.webp
- Open Graph image: https://media.designdetails.io/library/818a6ce228063368cd36ae834b3a51283dab4fc8f1b29c93d61af477ef024efb/og_image-07ab242e-2026-11-03T05-20-46-371Z.webp
- Full-page video: https://media.designdetails.io/library/06ec3e99c03fe0dc313f03134ba86348fe6971cbbf25292267d73031a188b85d/motion-1793689634108.mp4
- Video poster: https://media.designdetails.io/library/4ce199455e97a896b1cf0da14372fec53060e61db37e72f47f23520809c9c5f2/motion-poster-1793689634108.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
- Primary Button
- Carousel
- Footer
- Bento Grid
- Overlapping Geometric Sections

## Quality rubric

Overall: 59.75/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Fauna Robotics executes a coherent warm, playful visual identity that intentionally contrasts with typical cold robotics branding, anchored by a consistent beige-and-earth-tone palette, real documentary photography of robots in authentic environments, and a recurring geometric shape vocabulary that culminates in character-like footer figures. The page moves through a logical sequence of sections — hero, trust logos, platform features in a bento grid, overlapping-shape industry categories, a media carousel, and a geometric footer — showing real systemic effort rather than a single polished hero. However, much of the structural and motion toolkit (bento grids, overlapping blob sections, horizontal marquees, scroll parallax, pill-shaped buttons) mirrors widely-used contemporary SaaS/startup conventions, and the typography leans on a single family scaled by size rather than demonstrating range. The result is a well-crafted, good-tier execution with a genuinely original color/illustration throughline, but it falls short of the hard-to-substitute, multi-section inventiveness required for an exceptional rating.

- Typography (15%): 60 — A single family (Matter) is deployed across a disciplined size scale (16px body up to 99.2px display) with consistent negative letter-spacing on large headlines, producing a clean, legible hierarchy. However, the system relies entirely on size/weight scaling of one grotesque-style face rather than demonstrating range (no secondary display face, no serif/sans pairing, no expressive treatment), so it reads as competent execution rather than a distinctive typographic voice.
- Color (10%): 67 — The warm beige canvas paired with near-black text and a saturated orange CTA establishes a coherent, non-generic palette that intentionally subverts cold robotics branding. Category-specific muted hues (teal, mustard, terracotta, blue) are applied consistently to segment industry use-cases, showing a thought-out system rather than arbitrary color use.
- Layout (20%): 63 — The page moves through a clear sequence of distinct structural patterns (hero media block, logo strip, bento-style feature grid, overlapping geometric category shapes, horizontal media carousel, geometric footer composition), showing genuine structural variety and generous spacing. However, bento grids, overlapping blob sections, and marquee carousels are now common conventions in contemporary SaaS/startup marketing sites, so the systemic ambition is real but not groundbreaking.
- Motion (20%): 56 — Observed motion consists of a sticky header collapse, horizontal marquees for logos and media, and vertical parallax on geometric shapes — all well-established, easily reproducible patterns rather than a bespoke motion identity. No evidence of distinctive easing, choreography tied to content meaning, or interaction depth beyond these standard techniques.
- Originality (25%): 55 — The warm, playful, geometric-figure visual language is a genuine departure from sterile robotics-industry conventions and the footer's abstract character composition built from the same shape vocabulary as inline icons is a nice unifying idea. However, the underlying mechanisms carrying that idea — bento grids, overlapping blob sections, logo/media marquees, pill buttons — are widely used across current 'friendly tech' startup sites, so the novelty sits mainly at the surface (palette and iconography) rather than in structural or interactive invention.
- Content (10%): 65 — Documentary-style photos and videos of robots in actual developer, retail, home, and street environments are embedded directly into the layout's rounded media frames, giving the content a tangible, credible grounding rather than purely abstract marketing copy. The repeated geometric icon system visually echoes the footer figures, tying illustration to brand content coherently.

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

## Curator notes

A warm cream background and candid studio photos of the yellow-jointed robot make advanced robotics feel approachable rather than sterile. Bold rounded black headlines pace short, confident statements down the page, while playful geometric shapes and a toy-block illustration at the end reinforce the fun, human tone the product claims.

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