# Genesis AI: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.genesis.ai/
Captured: 2026-11-03
CSS measured: 2026-11-03T05:09:22.788Z at 1440×1000 — https://www.genesis.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: claude-sonnet-5

## Design direction

Genesis AI is a robotics company website with a clean, minimal, and highly technical design aesthetic. The site relies heavily on full-bleed, cinematic video backgrounds paired with structured, grid-based layouts and precise, monochromatic typography. The visual language evokes engineering precision, using fine lines and alignment marks across the interface.

## Classification

- Industry: hardware
- Site type: Waitlist, Blog
- Business model: Software
- Styles: minimal, typographic, corporate, technical-engineering, cinematic
- Platform: Custom code
- Technology: Not identified

## Typography

- Heading: scto grotesk a - regular — weight 400; size 32px; line-height 32.6px; tracking -1.6px; Regular (95% role confidence, computed values)
- Body: scto grotesk a - regular — weight 400; size 14px; line-height 15.7px; tracking -0.4px; Regular (90% role confidence, computed values)
- Mono: aeonik mono - medium — weight 500; size 10px; line-height 11.8px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: Black (#000000) used for primary headings and strong text. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used as the primary background for the main page container. (90% role confidence, computed values)
- Muted Text — muted text #8A8A8A: color-6: computed rgb(138, 138, 138); AI role: Gray (#8A8A8A) used for secondary body text and metadata numbers (e.g., '01'). (90% role confidence, computed values)
- Primary Action — primary action #282828: color-12: computed rgb(40, 40, 40); AI role: Dark gray/black (#282828) used for the primary buttons. (90% role confidence, computed values)
- Surface — surface #F6F6F4: color-1: computed rgb(246, 246, 244); AI role: Light gray (#F6F6F4) used for large content blocks and video container backgrounds. (85% role confidence, computed values)
- Surface — surface #1A1D34: color-5: computed rgb(26, 29, 52); AI role: Dark navy (#1A1D34) used for the footer background. (85% role confidence, computed values)
- Border — border #CACACA: color-11: computed rgb(202, 202, 202); AI role: Light gray (#CACACA) used for borders in the job listing table. (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": "aeonik mono - medium",
    "fontStack": "\"aeonik mono - medium\"",
    "weight": "500",
    "size": "10px",
    "lineHeight": "11.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 69,
    "contexts": [
      {
        "tag": "p",
        "text": "Meet Eno",
        "top": 157,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "00:01:28",
        "top": 157,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Learn more",
        "top": 602,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "scto grotesk a - regular",
    "fontStack": "\"scto grotesk a - regular\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "32.6px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Eno",
        "top": 489,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Built for the places it's needed.",
        "top": 1097,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Designed to extend capability.",
        "top": 1731,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "scto grotesk a - regular",
    "fontStack": "\"scto grotesk a - regular\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "15.7px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "a",
        "text": "Careers",
        "top": 20,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Blog",
        "top": 20,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "News",
        "top": 20,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "scto grotesk a - regular",
    "fontStack": "\"scto grotesk a - regular\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "20.2px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Made by humans, for humans.",
        "top": 5941,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F6F6F4",
    "alpha": 1,
    "cssValue": "rgb(246, 246, 244)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Meet Eno 00:01:28 Eno Our first general-purpose robot. Built to move, adapt, and keep learning, grow",
        "top": 120,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 36,
    "contexts": [
      {
        "tag": "div",
        "text": "Meet Eno 00:01:28 Eno Our first general-purpose robot. Built to move, adapt, and keep learning, grow",
        "top": 120,
        "property": "background"
      },
      {
        "tag": "h3",
        "text": "Capabilities",
        "top": 2028,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Unmatched dexterity",
        "top": 2379,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 35,
    "contexts": [
      {
        "tag": "main",
        "text": "Careers Blog News Contact Eno Close Join the waitlist We plan to begin targeted customer deployments",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Meet Eno",
        "top": 157,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Eno",
        "top": 489,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#DEE8EB",
    "alpha": 1,
    "cssValue": "rgb(222, 232, 235)",
    "count": 75,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 142,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "About Genesis Our mission is to build the world's most capable robots that unlock new possibilities ",
        "top": 4173,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5938,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#1A1D34",
    "alpha": 1,
    "cssValue": "rgb(26, 29, 52)",
    "count": 53,
    "contexts": [
      {
        "tag": "a",
        "text": "Careers",
        "top": 20,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 902,
        "property": "background"
      },
      {
        "tag": "h2",
        "text": "Built for the places it's needed.",
        "top": 1097,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#8A8A8A",
    "alpha": 1,
    "cssValue": "rgb(138, 138, 138)",
    "count": 18,
    "contexts": [
      {
        "tag": "a",
        "text": "Careers",
        "top": 20,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Factories, laboratories, hospitals, and homes. Eno works reliably in each of them, right alongside t",
        "top": 1188,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "01",
        "top": 2356,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#7C828F",
    "alpha": 1,
    "cssValue": "rgb(124, 130, 143)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Backed by partners who share our vision, including Eclipse, Khosla Ventures, Bpifrance, and HSG, alo",
        "top": 4653,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#F5F5F5",
    "alpha": 0.2,
    "cssValue": "rgba(247, 247, 245, 0.2)",
    "count": 10,
    "contexts": [
      {
        "tag": "button",
        "text": "Play full video",
        "top": 102,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#DEE8EB",
    "alpha": 0.6,
    "cssValue": "rgba(222, 232, 235, 0.6)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "© 2026 Genesis AI SASAll rights reserved.",
        "top": 6430,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy policy",
        "top": 6437,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EBEBEB",
    "alpha": 1,
    "cssValue": "rgb(235, 235, 235)",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 3109,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#CACACA",
    "alpha": 1,
    "cssValue": "rgb(202, 202, 202)",
    "count": 5,
    "contexts": [
      {
        "tag": "li",
        "text": "Foundation Models Engineering & Research Bay Area OnSite Apply",
        "top": 5458,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#282828",
    "alpha": 1,
    "cssValue": "rgb(40, 40, 40)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 602,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Join the waitlist",
        "top": 602,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 15,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 32,
        "property": "svg-fill"
      }
    ]
  }
]
```

### 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: Open and expansive, utilizing a strict grid system delineated by visible alignment marks.
- Corner style: Rounded corners on buttons and large media containers.
- Radius: Buttons appear pill-shaped (fully rounded). Large video containers have soft rounded corners (likely 16px-24px).
- Borders: Subtle, thin lines used for lists and structural alignment marks.
- Buttons: Solid fill with monospace text, fully rounded corners.
- Content width: Wide, often full-bleed or utilizing the entire viewport width with generous margins.
- Density: Low density, prioritizing large media and ample negative space over dense text.
- Evidence: Visual inspection of layout crops, button shapes, and the pervasive use of grid tick marks.

## Sections

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

1. **Navbar — Genesis AI: Funding, Investors & Jobs Navbar** (Home)
   A small logo on the left and quiet grey links on the right keep the bar light and leave focus on the page below.
   Capture: 1440×52px; page bounds 0–52px of 6528px; source section ID: `9ccd3326-2d0e-488a-adbe-77ba740a17b5`; image: https://media.designdetails.io/library/286b51c7b582808921d8f22ab04cdb3c69e745444688f8f79ec46ef14ef47c17/9ccd3326-2d0e-488a-adbe-77ba740a17b5.webp
   SECTION.md v3.2: `9ccd3326-2d0e-488a-adbe-77ba740a17b5` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed product render with waitlist** (Home)
   A large monochrome render fills the frame, while a short text block and two small buttons give a clear entry point.
   Capture: 1440×828px; page bounds 52–880px of 6528px; source section ID: `fa61b802-c0e9-4b99-8890-3e5182de8890`; image: https://media.designdetails.io/library/55b1811d465100d87b41be2d039dbf8b3c2aa34524f3be0fa44a20cea86faa92/fa61b802-c0e9-4b99-8890-3e5182de8890.webp
   SECTION.md v3.2: `fa61b802-c0e9-4b99-8890-3e5182de8890` (deterministic evidence; editorial review pending)
3. **Features — Use-case text beside large photo** (Home)
   A narrow text column next to a wide in-context photo shows where the product works and makes the claim believable.
   Capture: 1440×804px; page bounds 880–1684px of 6528px; source section ID: `4697d9af-e988-40a0-990a-d98499fd7ac7`; image: https://media.designdetails.io/library/2c20b7e9dbed65c1680dfd61e0ce6703e16dc1d8ad9952ca7ef3ed02dcef0475/4697d9af-e988-40a0-990a-d98499fd7ac7.webp
   SECTION.md v3.2: `4697d9af-e988-40a0-990a-d98499fd7ac7` (deterministic evidence; editorial review pending)
4. **Features — Three capability cards with images** (Home)
   Equal columns pair a grayscale image with a short label and caption, so visitors can scan three strengths quickly.
   Capture: 1440×869px; page bounds 1684–2553px of 6528px; source section ID: `91d78ccc-3827-4dd4-8410-69173e6192fa`; image: https://media.designdetails.io/library/893aa26020d1f83f0bd44a152e0e9b7ff3314a5d0612dc569ba1f420b819d3e2/91d78ccc-3827-4dd4-8410-69173e6192fa.webp
   SECTION.md v3.2: `91d78ccc-3827-4dd4-8410-69173e6192fa` (deterministic evidence; editorial review pending)
5. **Other — Full-width lab photo with overlay text** (Home)
   A real lab photograph behind a bottom-left text block and a single button links the product to its underlying technology.
   Capture: 1440×810px; page bounds 2553–3363px of 6528px; source section ID: `754ec34f-fde5-4405-b097-04d328737819`; image: https://media.designdetails.io/library/5589608dc6438d078bd352fea234b966879322dd37d41ea3c34a199ef13c51a3/754ec34f-fde5-4405-b097-04d328737819.webp
   SECTION.md v3.2: `754ec34f-fde5-4405-b097-04d328737819` (deterministic evidence; editorial review pending)
6. **Other — Full-width office photo with caption** (Home)
   A full-frame workplace image with a short heading, paragraph and button gives a second story its own visual space.
   Capture: 1440×810px; page bounds 3363–4173px of 6528px; source section ID: `16ea6003-e309-4616-883d-3ca8ed5d5aac`; image: https://media.designdetails.io/library/3752bba77bf40d5e0117f66cd456879ff6b99e7f056d207180c1efd89579d70b/16ea6003-e309-4616-883d-3ca8ed5d5aac.webp
   SECTION.md v3.2: `16ea6003-e309-4616-883d-3ca8ed5d5aac` (deterministic evidence; editorial review pending)
7. **Other — Mission statement and investors note** (Home)
   Large mission text on a pale blue field sits above a small investor list, giving credibility without clutter.
   Capture: 1440×753px; page bounds 4173–4926px of 6528px; source section ID: `a840c902-20ab-4cf1-a39b-77f7dc685483`; image: https://media.designdetails.io/library/2c3813a26072279f93be98577e81b3fd35fc99dd279e4c091aea3d8aa923bf02/a840c902-20ab-4cf1-a39b-77f7dc685483.webp
   SECTION.md v3.2: `a840c902-20ab-4cf1-a39b-77f7dc685483` (deterministic evidence; editorial review pending)
8. **Other — Careers intro with open roles table** (Home)
   A photo and heading lead into a clean table of roles, department, location and apply columns that is easy to scan.
   Capture: 1440×978px; page bounds 4926–5904px of 6528px; source section ID: `b7bdd7bb-5295-4215-a168-f685385ecd8b`; image: https://media.designdetails.io/library/abe0299576ab7772e8a0a1d19f4fffa9dedac244271cf690e25ae2ca7ec705bd/b7bdd7bb-5295-4215-a168-f685385ecd8b.webp
   SECTION.md v3.2: `b7bdd7bb-5295-4215-a168-f685385ecd8b` (deterministic evidence; editorial review pending)
9. **Footer — Dark footer with link columns** (Home)
   A dark navy panel separates the footer, with a tagline, grouped links and contact details laid out on a clear grid.
   Capture: 1440×624px; page bounds 5904–6528px of 6528px; source section ID: `ea3f5391-af5f-4700-afbd-61fde1480f72`; image: https://media.designdetails.io/library/7e776334d21b1ae820bb053d599d233c00215a3ec39cc00394373812b0432198/ea3f5391-af5f-4700-afbd-61fde1480f72.webp
   SECTION.md v3.2: `ea3f5391-af5f-4700-afbd-61fde1480f72` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/b0a2624b0abeb238937c17fcd80a8d128d0e7612cd4a2a4b27360e239e0a2927/desktop_full-20dfc6d7-2026-11-03T05-09-22-797Z.webp
- Mobile screenshot: https://media.designdetails.io/library/8bb8bc36a04ca3215239a0268f255a0e198248c8ebf7ca66b8208a105ffa595e/mobile_full-20dfc6d7-2026-11-03T05-09-47-795Z.webp
- Open Graph image: https://media.designdetails.io/library/c57a8c0dcacd4be267ca2724a6ca072759a1f129d773b5f415e320abe33bc99b/og_image-20dfc6d7-2026-11-03T05-09-30-253Z.webp
- Full-page video: https://media.designdetails.io/library/f39b271cabdddc97482702c3028e9c903d9a138c36a0bade2cf366901f1e2c18/motion-1793687908418.mp4
- Video poster: https://media.designdetails.io/library/dd9c90322adbbefdc5c5249acfecfe892ad080d9514cbe5a55c6647caa924d0f/motion-poster-1793687908418.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 With Background Imagery
- Video Frame
- Feature Collection
- Primary Button
- Footer
- Grid Alignment Marks
- Data Table List

## Quality rubric

Overall: 62.9/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Genesis AI presents a disciplined, well-executed expression of the 'engineering HUD' aesthetic now common among funded robotics/AI startups: a grotesk/mono type pairing, tick-mark grid overlays, timestamp readouts, and scroll-scrubbed demo video work together coherently to signal technical precision and investor-grade polish. Content and motion are purposefully tied together — videos illustrate the claims beside them, and scroll interactions sequence the product story logically. However, the underlying structure (hero → feature grid → about/mission → investor list → careers table → dark footer) and the grayscale-plus-navy-accent palette are close to default conventions for this exact company category, and the HUD motif, while nicely applied, is shared enough across peer sites that it reads as skilled genre execution rather than a landmark or hard-to-substitute design system. This lands as a good, coherent site that falls short of the originality and structural departure required for the strong tier and above.

- Typography (15%): 68 — A deliberate two-voice type system pairs Scto Grotesk A (headings/body) with Aeonik Mono (labels, timestamps, button text) to reinforce the engineering/HUD concept. Heading tracking is tightened (-1.6px at 32px) for a precise, technical feel, and the mono face is used consistently for metadata ('00:01:28', '01', 'OnSite') across the whole scroll. Hierarchy is legible but fairly shallow: only one heading size (32px) is evidenced for all H2s, body copy sits at a small 14px, and no evidence of a distinct display size for hero text beyond the 'Eno' label — the system reads more as a two-weight utility kit than a rich typographic hierarchy.
- Color (10%): 63 — The palette is tightly restrained — near-grayscale (black/white/#8A8A8A/#282828) carrying the technical, engineering tone, with two controlled accent surfaces (navy footer #1A1D34, pale blue-gray #DEE8EB for About/Investors) that segment content without breaking the monochrome discipline. This is tasteful and fit-for-purpose for a serious robotics brand, but it is also a very common 'minimal tech startup' palette with no distinctive color move beyond the expected grayscale-plus-one-accent formula.
- Layout (20%): 65 — A visible tick-mark grid frames every full-bleed block, giving a consistent structural language across hero, capability, about, and careers sections. Section rhythm alternates competently between full-bleed video, two-column text+image, three-column capability cards, and a data-table careers list, and the footer organizes links/social/legal cleanly. However the overall skeleton — stacked full-width hero/video sections → feature grid → about → careers table → footer — is a familiar long-scroll SaaS pattern; the grid marks are a decorative overlay on a fairly conventional structure rather than a layout logic that changes how content is organized.
- Motion (20%): 63 — Observed motion includes scroll-scrubbed hero video, scroll-triggered secondary video playback, text fade-ins, and animated grid lines appearing near the end of the page — a reasonably coherent set of scroll-tied behaviors supporting the cinematic/technical concept. These are well-established patterns in high-end product sites (Apple-style scroll-scrub, fade-on-reveal) rather than a novel motion vocabulary, and no evidence establishes smoothness, easing quality, or performance under real interaction.
- Originality (25%): 56 — The 'engineering HUD' motif — tick-mark grid intersections, timestamp overlays (00:01:28, GENE-26.5), monospace metadata — gives the site a somewhat distinct skin layered onto an otherwise conventional AI/robotics startup template (grayscale palette, scroll-scrubbed hero video, three-card capability grid, team/investor logos, careers table, dark footer). This genre (robotics/AI lab sites: Figure, Humane, etc.) increasingly shares this exact grammar, so while the execution of the HUD motif is clean, it is not a hard-to-substitute idea unique to this brand, and no section surprises beyond the expected startup-site checklist.
- Content (10%): 68 — Copy and video are tightly paired — each video demonstrates the claim beside it (kitchen manipulation next to 'Built for the places it's needed', lab pipetting next to 'The brains of our operation', office/simulation footage next to 'Intelligence accelerated'), and metadata labels (timestamps, GENE-26.5 tags) reinforce the product-demo framing rather than sitting as pure decoration. The careers table and investor list are also functionally integrated rather than bolted-on. This is solid, purposeful content/design integration for a product-marketing site, short of a transformative content structure.

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

## Curator notes

Curator review pending.

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