# Volantis — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://volantissemi.ai/
Captured: 2026-10-16
CSS measured: 2026-10-16T21:33:42.847Z at 1440×1000 — https://volantissemi.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

Volantis is a visually striking, technical website characterized by a dark mode aesthetic, vibrant orange accents, and stark contrasts. The design utilizes a minimal, grid-based layout with a strong typographic hierarchy, featuring the 'Funnel Display' and 'Geist' families. Key sections include a hero with an interactive, animated technical diagram, a partner logo strip, split-layout feature highlights with custom illustrations, and a bold, oversized footer. The UI employs subtle hover effects on pill-shaped buttons and maintains a highly polished, brutalist-tinged corporate feel.

## Classification

- Industry: hardware
- Site type: Landing
- Business model: Not identified
- Styles: minimal, bold, corporate, brutalist, typographic, dark-mode, tech-industrial
- Platform: Framer
- Technology: Not identified

## Typography

- Display: Funnel Display — weight 300; size 112px; line-height 104.2px; tracking -3.4px; Regular (100% role confidence, computed values)
- Heading: Funnel Display — weight 400; size 48px; line-height 48px; tracking normal; Regular (100% role confidence, computed values)
- Body: Geist — weight 500; size 18px; line-height 23.4px; tracking normal; Regular (90% role confidence, computed values)
- Mono: Geist Mono — weight 300; size 64px; line-height 64px; tracking 0.6px; Regular (100% role confidence, computed values)

## Functional palette

- Accent — accent #FF6C0A: color-4: computed rgb(255, 108, 10); AI role: Bright orange (#FF6C0A) used for highlights, numbers, accents in graphics, and button hovers. (100% role confidence, computed values)
- Canvas — canvas #090E0D: color-2: computed rgb(9, 14, 13); AI role: Near-black (#090E0D) used as the primary background for the top and bottom sections. (95% role confidence, computed values)
- Text — text #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used for headings and primary text on dark backgrounds. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used as the background for the middle feature sections. (90% role confidence, computed values)
- Muted Text — muted text #6B6B6B: color-5: computed rgb(107, 107, 107); AI role: Grey (#6B6B6B) used for secondary text and SVG strokes. (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": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "> 10 Trillion param models.",
        "top": 1368,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "SRAM-system latencies.",
        "top": 1416,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Reduced $/tok",
        "top": 1464,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Our $88M Series A: Demolishing the Memory Wall With Photonics",
        "top": 27,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "//",
        "top": 27,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our $88M Series A: Demolishing the Memory Wall With Photonics",
        "top": 27,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 75,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Technology",
        "top": 104,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "About",
        "top": 133,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Get Access",
        "top": 771,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Explore the Tech",
        "top": 1612,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Learn More",
        "top": 2399,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Placeholder\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Backed by Sam Altman, Jeff Dean and others. Built by people who pioneered new product categories lik",
        "top": 1048,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sam Altman",
        "top": 1047,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Jeff Dean",
        "top": 1047,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 3129,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Company",
        "top": 3129,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Connect",
        "top": 3129,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "300",
    "size": "112px",
    "lineHeight": "104.2px",
    "letterSpacing": "-3.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Run giant models.",
        "top": 112,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "At low latencies.",
        "top": 216,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "300",
    "size": "64px",
    "lineHeight": "64px",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "240",
        "top": 723,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "10",
        "top": 475,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Placeholder\", sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "31.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": ">10T Parameter models",
        "top": 357,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "10K tok/s/user",
        "top": 357,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "600",
    "size": "24px",
    "lineHeight": "38.4px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "TB/s",
        "top": 749,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "TB",
        "top": 501,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "600",
    "size": "20px",
    "lineHeight": "24px",
    "letterSpacing": "0.2px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Memory",
        "top": 496,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Compute",
        "top": 825,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Placeholder\", sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "SRAM-level bandwidth, but with rack-level memory capacity.",
        "top": 472,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Tiny optical waveguides on giant substrates enable memory pools with >30X more bandwidth and >50X bi",
        "top": 543,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", \"Funnel Display Placeholder\", sans-serif",
    "weight": "400",
    "size": "104px",
    "lineHeight": "104px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "100x",
        "top": 2235,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "© VOLANTIS 2026",
        "top": 3125,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "IBM Plex Mono",
    "fontStack": "\"IBM Plex Mono\", \"IBM Plex Mono Placeholder\", monospace",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "0.8px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "New",
        "top": 29,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", monospace",
    "weight": "600",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "0.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Memory Reach",
        "top": 2200,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", system-ui, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "0.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "ELECTRICAL INTERCONNECT",
        "top": 2006,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "VOLANTIS OPTICAL REACH",
        "top": 1836,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Funnel Display",
    "fontStack": "\"Funnel Display\", system-ui, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "0.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "5MM LIMIT",
        "top": 2215,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "200MM+",
        "top": 2394,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 3169,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Technology",
        "top": 3195,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Home",
        "top": 3169,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 50,
    "contexts": [
      {
        "tag": "body",
        "text": ":root body { background: rgb(255, 255, 255); }html body { background: linear-gradient(180deg, rgba(2",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "html body { background: linear-gradient(180deg, rgba(207, 250, 254, 1) 0%, rgba(255, 255, 255, 1) 40",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Run giant models.",
        "top": 112,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#090E0D",
    "alpha": 1,
    "cssValue": "rgb(9, 14, 13)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Run giant models. At low latencies.>10T Parameter models10K tok/s/userSRAM-level bandwidth, but with",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "NewOur $88M Series A: Demolishing the Memory Wall With Photonics//Our $88M Series A: Demolishing the",
        "top": 15,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#2B0904",
    "alpha": 1,
    "cssValue": "rgb(43, 9, 4)",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Get Access",
        "top": 771,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "The Volantis Photonic Design",
        "top": 1810,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Memory Reach",
        "top": 2195,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FF6C0A",
    "alpha": 1,
    "cssValue": "rgb(255, 108, 10)",
    "count": 1493,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 763,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "240",
        "top": 723,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "> 10 Trillion param models.",
        "top": 1368,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#6B6B6B",
    "alpha": 1,
    "cssValue": "rgb(107, 107, 107)",
    "count": 130,
    "contexts": [
      {
        "tag": "p",
        "text": "Volantis builds photonic wires — optical interconnect inside the accelerator. Optical reach is ~100x",
        "top": 1938,
        "property": "text"
      },
      {
        "tag": "g",
        "text": "",
        "top": 2074,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2057,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 37,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 364,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 366,
        "property": "svg-fill"
      },
      {
        "tag": "text",
        "text": "ELECTRICAL INTERCONNECT",
        "top": 2006,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(255, 255, 255, 0.06)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": ">10T Parameter models10K tok/s/user",
        "top": 352,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#E7E5E4",
    "alpha": 1,
    "cssValue": "rgb(231, 229, 228)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Explore the Tech",
        "top": 1600,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#0C0A09",
    "alpha": 1,
    "cssValue": "rgb(12, 10, 9)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Explore the Tech",
        "top": 1612,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#39120E",
    "alpha": 1,
    "cssValue": "rgb(57, 18, 14)",
    "count": 2,
    "contexts": [
      {
        "tag": "text",
        "text": "ELECTRICAL INTERCONNECT",
        "top": 2006,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#E6E6E6",
    "alpha": 0.2,
    "cssValue": "rgba(231, 229, 228, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 19,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#C0E7ED",
    "alpha": 1,
    "cssValue": "rgb(192, 231, 237)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "New",
        "top": 25,
        "property": "background"
      }
    ]
  }
]
```

### 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 vertical spacing between major sections, creating distinct content blocks. Layout uses a clear grid system, especially visible in the split-screen feature sections.
- Corner style: Predominantly rounded corners on interactive elements (buttons, announcement pill) and some container graphics.
- Radius: Small to medium border-radius on buttons and pills; larger radius on illustrative container boxes (e.g., the grey box with the chip graphic).
- Borders: Thin, subtle borders used in grid diagrams and occasionally to separate split sections.
- Buttons: Pill-shaped, combining text with a distinct, often colored, icon/arrow block inside the button boundary.
- Content width: Wide max-width constraint, likely around 1200px-1440px, centering content while allowing backgrounds to stretch full width.
- Density: Low density; ample whitespace (or dark space) is used to focus attention on key typography and graphics.
- Evidence: Observed from the full-page layout, button shapes ('Get Access'), distinct split sections, and overall minimalist yet oversized typographic presentation.

## Sections

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

1. **Hero — Run Giant Models at Low Latencies** (Home)
   AI suggestion (98% confidence): Complete, substantial landing hero with a bold value proposition, technical memory/compute visualization, supporting copy, access CTA, and credibility logos.
   Capture: 1440×1350px; page bounds 0–1350px of 3591px; source section ID: `5ef0e824-3c30-46d2-b7e0-faf5ab1ea990`; image: https://media.designdetails.io/library/dace96f695726a94a5e305378a60234e9b9e2af1800dd6c186dd0d935b1441c6/5ef0e824-3c30-46d2-b7e0-faf5ab1ea990.webp
   SECTION.md v3.2: `5ef0e824-3c30-46d2-b7e0-faf5ab1ea990` (deterministic evidence; editorial review pending)
2. **Comparison — Volantis Photonic Design Reach Comparison** (Home)
   AI suggestion (96% confidence): Self-contained technical comparison contrasting limited electrical interconnect reach with Volantis optical reach, supported by a prominent 100× stat, diagrams, explanatory copy, and CTA.
   Capture: 1440×843px; page bounds 1704–2547px of 3591px; source section ID: `941824e0-f9d2-460f-b5e6-51ce5ec4415c`; image: https://media.designdetails.io/library/c3a564d82a65008d022c377aba684dff0ff33adaeaed5cd813e9d38bee6a93ca/941824e0-f9d2-460f-b5e6-51ce5ec4415c.webp
   SECTION.md v3.2: `941824e0-f9d2-460f-b5e6-51ce5ec4415c` (deterministic evidence; editorial review pending)
3. **CTA — AI Memory Bottleneck Access CTA** (Home)
   AI suggestion (87% confidence): Complete dark conversion panel with a bold technical value proposition and centered “Get Access” action, ending at a clear background transition.
   Capture: 1440×412px; page bounds 2600–3012px of 3591px; source section ID: `37655bc0-6f3e-4b5b-bdee-0ce69d9ef0a4`; image: https://media.designdetails.io/library/df6bd3411e84c09ff818768cf4b534d130a7cff331d8deb3d52d66ab4b84e8f9/37655bc0-6f3e-4b5b-bdee-0ce69d9ef0a4.webp
   SECTION.md v3.2: `37655bc0-6f3e-4b5b-bdee-0ce69d9ef0a4` (deterministic evidence; editorial review pending)
4. **Footer — Volantis Link Footer** (Home)
   AI suggestion (98% confidence): Complete page footer with grouped Product, Company, and Connect links, copyright, and a distinctive oversized Volantis wordmark.
   Capture: 1440×579px; page bounds 3012–3591px of 3591px; source section ID: `dbfc98b4-7a71-4681-a3d2-60213506b7cb`; image: https://media.designdetails.io/library/b9b6f688c963670b6956fee3bb5a8a185d0f80dd3e4f4cef0825db88e0c18e59/dbfc98b4-7a71-4681-a3d2-60213506b7cb.webp
   SECTION.md v3.2: `dbfc98b4-7a71-4681-a3d2-60213506b7cb` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d1ab0a418950396a6de3e350489912d61e53b88213e75d3006887c2f04aabedc/desktop_full-9c7e21b0-2026-10-16T21-33-42-866Z.webp
- Mobile screenshot: https://media.designdetails.io/library/4a25130294ff7c5b63a5a0c03bfd621fd681d86d3fd246a786b1f14ff9c55988/mobile_full-9c7e21b0-2026-10-16T21-34-02-918Z.webp
- Open Graph image: https://media.designdetails.io/library/0617dfc2bb4e86a1dff20c18cc7f4ca88dcd0c293c59be108912b89fcfa1b1b6/og_image-9c7e21b0-2026-10-16T21-33-49-182Z.webp
- Full-page video: https://media.designdetails.io/library/21b7da24bb57ac772163d07c85dd13d1c47beda92be1087092ead33086f870f9/motion-1792188906535.mp4
- Video poster: https://media.designdetails.io/library/16610758157feff2f96b2b6e958de265f408bed1c0545267241762003abe1407/motion-poster-1792188906535.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
- Announcement Bar
- Hero With Background Imagery
- Primary Button
- Logo Strip
- Split Hero
- Footer
- Badge
- Animated Technical Diagram
- Oversized Brand Footer

## Quality rubric

Overall: 54.85/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Volantis executes a competent, visually confident dark-mode tech aesthetic with genuinely content-integrated diagrams illustrating its memory-bandwidth claims, but its motion vocabulary is thin, its typography system is fragmented across too many families, and its layout and visual conventions closely mirror a widely-repeated AI-startup template rather than offering a distinctive system of hard-to-substitute ideas.

- Typography (15%): 64 — A deliberate type system pairs an oversized light-weight display face (Funnel Display, 112px, -3.4px tracking) with Geist Mono for data callouts and IBM Plex Mono for a micro-badge, giving the hero a clear hierarchy and a technical register. However, stacking four distinct families (Funnel Display, Geist, Geist Mono, IBM Plex Mono) across a short page introduces inconsistency rather than a tightly controlled scale, and most secondary text sits at a fairly generic 14-18px sans body size with no distinguishing treatment.
- Color (10%): 60 — The near-black canvas (#090E0D) with a single saturated orange accent (#FF6C0A) and white text is a clean, high-contrast system that is consistently applied across hero, diagrams, and buttons, and the brief white 'surface' sections provide a legible figure-ground break. But the orange is deployed so heavily (1493 occurrences) that it functions as both brand identity and decorative filler (grid lines, arrows, numerals, buttons, badges), flattening any sense of restraint, and the palette itself is now a very common pattern for AI/hardware startups rather than a distinguishing choice.
- Layout (20%): 58 — The page follows a competent, logical long-scroll structure: hero with diagram, trust-logo strip, split feature panels, oversized stat block, CTA band, and a large brand-wordmark footer, all built on a readable wide grid with generous vertical rhythm. This is solid execution of a now-standard AI/dev-tool template rather than a layout system with distinctive structural ideas; the split sections and stat call-outs are functionally interchangeable with many competitor sites in this space.
- Motion (20%): 50 — Evidence shows one looping animated diagram (arrows flowing from MEMORY to COMPUTE) and a single button hover color-inversion; beyond that the recording shows only scroll traversal with no confirmed scroll-triggered reveals, parallax, or transition choreography between sections. This is a thin motion vocabulary for a 20%-weighted axis — functional but minimal, and nothing in the evidence substantiates smoothness, easing quality, or a broader interaction system.
- Originality (25%): 45 — The animated memory/compute diagram and the comparative electrical-vs-optical reach illustration are the site's most distinctive assets, giving some product-specific visual identity. However, the overall idiom — dark canvas, single orange accent, pill buttons with arrow icons, oversized cropped wordmark footer, split-panel feature sections — closely mirrors a now-widely-repeated template language common across AI/semiconductor startup sites, so the page reads as competent execution of convention rather than a genuinely novel design system.
- Content (10%): 64 — Technical content is meaningfully integrated into the visual system: the memory/compute diagram directly visualizes the stated bandwidth claims, and the electrical-vs-optical reach comparison translates an abstract claim (~100x reach) into a legible side-by-side diagram with matched scale cues (5mm vs 200mm+). Numerals are given outsized typographic treatment that reinforces the message. This is a genuine strength, though the logo strip and footer content remain purely decorative/structural rather than further extending the content-driven visual language.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A near black background with a glowing chip diagram and orange metric callouts (10TB, 240TB/s) makes dense hardware specs feel dramatic rather than dry. Logos of Nvidia, AMD and Apple sit in a quiet row for quick credibility, while the page shifts to white, orange grid, then dark again, pacing technical sections like short chapters.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.