# Nousresearch — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://nousresearch.com/
Captured: 2026-10-10
CSS measured: 2026-10-10T06:15:49.699Z at 1440×1000 — https://nousresearch.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: anthropic/claude-sonnet-5

## Design direction

The website employs a striking, tech-focused aesthetic heavily reliant on high-contrast blue and white palettes, large condensed typography, and retro-futuristic glitch art. The design uses generous whitespace, stark layouts, and mock terminal interfaces to evoke a developer-centric, almost cyberpunk atmosphere. Motion and parallax effects add depth to the otherwise flat, brutalist composition.

## Classification

- Industry: ai
- Site type: Waitlist, Blog
- Business model: AI, Software
- Styles: brutalist, typographic, retro, cyberpunk, glitch-art, terminal-aesthetic
- Platform: WordPress
- Technology: Next.js, Three.js

## Typography

- Display: Rules Gothic Compressed — weight 400; size 304px; line-height 304px; tracking normal; uppercase (95% role confidence, computed values)
- Heading: Rules Gothic Compressed — weight 400; size 48px; line-height 52.8px; tracking normal; Regular (90% role confidence, computed values)
- Body: Rules Variable — weight 400; size 14.6px; line-height 19px; tracking normal; Regular (90% role confidence, computed values)
- Mono: Unidentified — weight 400; size 11px; line-height 11px; tracking normal; uppercase (85% role confidence, computed values)

## Functional palette

- Canvas — canvas #F5F5F5: color-2: computed rgb(245, 245, 245); AI role: #F5F5F5 used as the primary background color for the site, creating a stark contrast with the blue. (95% role confidence, computed values)
- Text — text #000091: color-4: computed rgb(0, 0, 145); AI role: #000091 dark blue used for primary typography across the light canvas. (95% role confidence, computed values)
- Primary Action — primary action #0000F2: color-1: computed rgb(0, 0, 242); AI role: #0000F2 bright blue used for buttons, links, and major graphic elements. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-7: computed rgb(255, 255, 255); AI role: #FFFFFF used sparingly for elements requiring distinction from the main canvas, like the search bar. (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": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Leading the American Open Source Movement",
        "top": 1820,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Advancing Human Rights and Freedoms",
        "top": 2210,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Understanding the Intelligence Frontier",
        "top": 2600,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Variable\", sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "43.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Terminal Velocity",
        "top": 4630,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Hermes Application",
        "top": 4630,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Nous Portal",
        "top": 4630,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Variable\", sans-serif",
    "weight": "500",
    "size": "90px",
    "lineHeight": "90px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Announcements",
        "top": 5280,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "13px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 36,
    "contexts": [
      {
        "tag": "p",
        "text": "The Internet's Own AI.",
        "top": 7375,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Research",
        "top": 7272,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Research",
        "top": 7349,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Rules Variable",
    "fontStack": "\"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "14.6px",
    "lineHeight": "19px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 29,
    "contexts": [
      {
        "tag": "p",
        "text": "Slight Correction: Step 5 Preview's final score on Hermes Index has been updated to 32.83, slightly ",
        "top": 5671,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Step 5 Preview from @StepFun_ai is free on Nous Portal for the next week 600B total / 27B active MoE",
        "top": 5813,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hemres Agnet",
        "top": 5671,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "The Internet's Own AI",
        "top": 6884,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "© 2026, Nous Research, Inc.",
        "top": 6912,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms",
        "top": 6881,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Rules Gothic Condensed",
    "fontStack": "\"Rules Gothic Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "44.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Nous",
        "top": 7295,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hermes",
        "top": 7295,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Community",
        "top": 7295,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Rules Variable",
    "fontStack": "\"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "We train models, build agents, and develop infrastructure to accelerate adoption of open intelligenc",
        "top": 1945,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We believe that powerful AI should be in the hands of the many rather than the privileged few. Our a",
        "top": 2336,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our primary research focus areas include agents, model architecture, data synthesis, fine-tuning, an",
        "top": 2726,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Rules Variable",
    "fontStack": "\"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Nous Research is a pioneer in open AI training and research. We created Hermes Agent, the most widel",
        "top": 598,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We are on a mission to create and proliferate open access to intelligence.",
        "top": 657,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Rules Extended",
    "fontStack": "\"Rules Extended\", \"Rules Variable\", sans-serif",
    "weight": "700",
    "size": "12.4px",
    "lineHeight": "17.3px",
    "letterSpacing": "0.5px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Elevate your soul.md",
        "top": 3164,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "12.4px",
    "lineHeight": "12.4px",
    "letterSpacing": "0.5px",
    "traits": "uppercase",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "TUI",
        "top": 4606,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Desktop",
        "top": 4606,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Portal",
        "top": 4606,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "13.5px",
    "lineHeight": "13.5px",
    "letterSpacing": "0.5px",
    "traits": "uppercase",
    "count": 30,
    "contexts": [
      {
        "tag": "span",
        "text": "Oct 9, 2026",
        "top": 5808,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Oct 9, 2026",
        "top": 5950,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Oct 9, 2026",
        "top": 5713,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "0.3px",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Read Mission",
        "top": 725,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "The Internet's Own AI",
        "top": 725,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Learn more",
        "top": 3620,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "1.4px",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Nous",
        "top": 75,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Hermes",
        "top": 75,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Community",
        "top": 75,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18.2px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Install via terminal",
        "top": 5069,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Get Hermes Desktop",
        "top": 5069,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Power your Hermes",
        "top": 5069,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Rules Condensed",
    "fontStack": "\"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Open Source",
        "top": 1784,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Mission",
        "top": 2174,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Research",
        "top": 2565,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Rules Variable",
    "fontStack": "\"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "14.6px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "The self-improving AI agent built by Nous Research. The only agent with a built-in learning loop — c",
        "top": 3526,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "improves them during use, nudges itself to persist knowledge, and builds a deepening model of who yo",
        "top": 3526,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": null,
    "fontStack": "-apple-system, \"system-ui\", \"SF Pro Text\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "⌘",
        "top": 167,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "K",
        "top": 167,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "338.5px",
    "lineHeight": "338.5px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Hermes Agent",
        "top": 3219,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Gothic Compressed\", \"Rules Variable\", sans-serif, sans-serif",
    "weight": "400",
    "size": "304px",
    "lineHeight": "304px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Nous Research",
        "top": 7217,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Rules Gothic Compressed",
    "fontStack": "\"Rules Gothic Compressed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "304px",
    "lineHeight": "304px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Nous Research",
        "top": 327,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Rules Variable",
    "fontStack": "\"Rules Variable\", sans-serif, sans-serif",
    "weight": "400",
    "size": "14.2px",
    "lineHeight": "21.3px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "30 announcements loaded",
        "top": 5279,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Aeonik Fono Pro TRIAL",
    "fontStack": "\"Aeonik Fono Pro TRIAL\", \"Rules Condensed\", \"Rules Variable\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Hermes : About Nous",
        "top": 161,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": null,
    "fontStack": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "11px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Toggle",
        "top": 165,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Rules Extended",
    "fontStack": "\"Rules Extended\", \"Rules Variable\", sans-serif",
    "weight": "700",
    "size": "10.1px",
    "lineHeight": "14.2px",
    "letterSpacing": "0.4px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Open Source • MIT License",
        "top": 275,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#0000F2",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 242)",
    "count": 74,
    "contexts": [
      {
        "tag": "body",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@id\":\"https://nousresearch.com/#organization\",\"@type\":\"",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@id\":\"https://nousresearch.com/#organization\",\"@type\":\"",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Nous",
        "top": 75,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 14,
    "contexts": [
      {
        "tag": "header",
        "text": "NousHermesCommunityPortal",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "main",
        "text": "Hermes : About NousToggle⌘KOpen Source • MIT LicenseOpen Source · MIT LicenseNous ResearchNous Resea",
        "top": 143,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1504,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#0000C2",
    "alpha": 1,
    "cssValue": "color(srgb 0 0 0.759216)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@id\":\"https://nousresearch.com/#organization\",\"@type\":\"",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000091",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 145)",
    "count": 121,
    "contexts": [
      {
        "tag": "span",
        "text": "Hermes : About Nous",
        "top": 161,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Nous Research is a pioneer in open AI training and research. We created Hermes Agent, the most widel",
        "top": 598,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Terminal Velocity",
        "top": 4630,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#0000DA",
    "alpha": 1,
    "cssValue": "color(srgb 0 0 0.854118)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1754,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F2F2F2",
    "alpha": 1,
    "cssValue": "rgb(242, 242, 242)",
    "count": 49,
    "contexts": [
      {
        "tag": "span",
        "text": "The Internet's Own AI",
        "top": 725,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 7272,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 7277,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Hermes : About NousToggle⌘K",
        "top": 143,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#000000",
    "alpha": 0.0196078431372549,
    "cssValue": "color(srgb 0 0 0 / 0.02)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Read Mission",
        "top": 712,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#3333F5",
    "alpha": 1,
    "cssValue": "color(srgb 0.2 0.2 0.959216)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F2F2F9",
    "alpha": 1,
    "cssValue": "color(srgb 0.95 0.95 0.978431)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "Hermes : About NousToggle⌘K",
        "top": 143,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F5F5FB",
    "alpha": 1,
    "cssValue": "color(srgb 0.96 0.96 0.982745)",
    "count": 2,
    "contexts": [
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 161,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#000093",
    "alpha": 0.10196078431372549,
    "cssValue": "color(srgb 0 0 0.568627 / 0.1)",
    "count": 8,
    "contexts": [
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 161,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#000091",
    "alpha": 0.3803921568627451,
    "cssValue": "color(srgb 0 0 0.568627 / 0.38)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "⌘",
        "top": 167,
        "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 vertical macro-spacing between distinct page sections, contrasted with tight micro-spacing within typographic lockups.
- Corner style: Predominantly sharp, square corners reinforcing the brutalist aesthetic, with occasional rounded elements on UI mockups.
- Radius: Buttons appear slightly rounded (e.g., 2px-4px), while the terminal mockup features distinct rounded corners (approx. 12px).
- Borders: Thin, solid 1px borders used sparingly, often in primary blue, to delineate the header or specific UI boundaries.
- Buttons: Flat, unshadowed rectangles with solid primary color fills and uppercase, condensed typography.
- Content width: Content is generally centered with significant side margins, restricting text line lengths for readability while images often bleed further.
- Density: Overall low density due to substantial whitespace and oversized typography, creating a bold, spacious feel.
- Evidence: Observations derived from the visual rhythm of the hero section, the stark borders in the navigation, and the distinct styling of the terminal UI and primary buttons.

## Sections

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

1. **Hero — Nous Research Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening hero with integrated navigation, oversized typographic identity, concise mission statement, dual calls to action, and ample framing whitespace.
   Capture: 1440×873px; page bounds 0–873px of 8439px; source section ID: `dd917200-815f-4596-883a-3552f210f85f`; image: https://media.designdetails.io/library/efe4d29022212c84cb72c8427c5d1d147edd6662b47bfc8955acbd79d314c7ae/section-manual-dd917200-815f-4596-883a-3552f210f85f-1791701261441.webp
   SECTION.md v3.2: `dd917200-815f-4596-883a-3552f210f85f` (deterministic evidence; editorial review pending)
2. **Features — Nousresearch Features** (Home)
   Reusable feature composition from Home, organized around “Nousresearch Features”.
   Capture: 1440×1078px; page bounds 1430–2508px of 8439px; source section ID: `2c8f91b6-c548-4274-a5dd-98821dbfe6a8`; image: https://media.designdetails.io/library/37e72012845ab25d5ce741c88fd6b8b92eee15b8486d5c8eec6700fbf8052554/section-manual-2c8f91b6-c548-4274-a5dd-98821dbfe6a8-1791701272183.webp
   SECTION.md v3.2: `2c8f91b6-c548-4274-a5dd-98821dbfe6a8` (deterministic evidence; editorial review pending)
3. **Footer — Nousresearch Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Nousresearch Footer”.
   Capture: 1440×1123px; page bounds 7316–8439px of 8439px; source section ID: `c360d648-0378-46bc-8095-f1acf7ffaaad`; image: https://media.designdetails.io/library/af596135d89bbcf5b6e77ee0d338e4144077cf79453675ab6941c72c952ef537/section-manual-c360d648-0378-46bc-8095-f1acf7ffaaad-1791701330865.webp
   SECTION.md v3.2: `c360d648-0378-46bc-8095-f1acf7ffaaad` (deterministic evidence; editorial review pending)
4. **Hero — Hermes Agent Product Hero** (Home)
   AI suggestion (98% confidence): Complete product introduction with brand mark, oversized title, concise value proposition, and two clear action buttons.
   Capture: 1440×792px; page bounds 2903–3695px of 8439px; source section ID: `7cc1840f-e9cc-4ce5-821f-ec31ddcea191`; image: https://media.designdetails.io/library/9e635ca50bf65b46700a719115a097adc017322c3e99cec4c17004b3221fadc1/7cc1840f-e9cc-4ce5-821f-ec31ddcea191.webp
   SECTION.md v3.2: `7cc1840f-e9cc-4ce5-821f-ec31ddcea191` (deterministic evidence; editorial review pending)
5. **Feature Grid — Hermes Access Options Showcase** (Home)
   AI suggestion (93% confidence): Self-contained product showcase combining a prominent installation visual with a complete three-column grid for Terminal, Desktop, and Portal access.
   Capture: 1440×546px; page bounds 4622–5168px of 8439px; source section ID: `623a4807-25f5-4f52-95b2-40ced607bd69`; image: https://media.designdetails.io/library/5c1147e34295c04401733dec1280a9a851980ae0af81f6a14b91b68861718a24/section-manual-623a4807-25f5-4f52-95b2-40ced607bd69-1791701292645.webp
   SECTION.md v3.2: `623a4807-25f5-4f52-95b2-40ced607bd69` (deterministic evidence; editorial review pending)
6. **Editorial — Announcements News Grid** (Home)
   AI suggestion (91% confidence): A complete announcements section with a prominent heading, dated visual news cards, and a clearly defined lower boundary; useful as a distinctive editorial/news layout reference.
   Capture: 1440×1156px; page bounds 5244–6400px of 8439px; source section ID: `154d52ae-4f5c-499f-bcae-4957d14de123`; image: https://media.designdetails.io/library/48114e1ae3bb672c06c249762faccafb327d8699416187b547a72cbe37395965/section-manual-154d52ae-4f5c-499f-bcae-4957d14de123-1791701311053.webp
   SECTION.md v3.2: `154d52ae-4f5c-499f-bcae-4957d14de123` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/cd2efa834c35b5b143c9fed3298165a2f5a7add64b28911f4c066ced3afdb886/desktop_full-f32a1021-2026-10-10T06-15-49-724Z.webp
- Mobile screenshot: https://media.designdetails.io/library/fe8943a16f8e5c46b2c2d467404148cd3678097b24b007c7dff073cf77fc1b83/mobile_full-f32a1021-2026-10-10T06-16-31-656Z.webp
- Open Graph image: https://media.designdetails.io/library/f046ca2fb5fee830fc50a876552520bf3d61a976c8d6006006227c6f3386a0b8/og_image-f32a1021-2026-10-10T06-15-58-345Z.webp
- Full-page video: https://media.designdetails.io/library/ad566fc3395738cca4fd9c87a9fc1b85dafd22473e8b519f98a8e4bc2b923bda/motion-1791696952860.mp4
- Video poster: https://media.designdetails.io/library/a8a2342f4b8bb8c8bba31dd03548f063f38e7921e2e20d0d5fe6eebd27ed8e29/motion-poster-1791696952860.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
- Feature Collection
- Product UI
- Primary Button
- Ghost Button
- Footer
- Glitch Image Cards
- Terminal Showcase

## Quality rubric

Overall: 60.3/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: A bold, memorable two-tone brutalist/glitch identity for an AI lab — anchored by massive condensed type and a recurring retro-futurist glitch/terminal/seal motif — that is let down from a higher tier by generic scroll motion, a trial-licensed font in production, and visible copy errors that undercut the confidence of the surrounding system.

- Typography (15%): 64 — A confident, oversized condensed display face (Rules Gothic Compressed at 304-338px) anchors multiple sections, paired with a tracked-uppercase label system and a smaller variable sans for body copy, giving a clear hierarchy and strong brand voice. However, the stack sprawls across many closely related 'Rules' sub-families plus a stray system-ui and monospace fallback, and one live header element renders in 'Aeonik Fono Pro TRIAL' — an unlicensed trial font shipped in production. Line-height set equal to font-size on the giant lockups (304/304, 338.5/338.5) is a deliberate compression choice but leaves no breathing room and risks clipping ascenders/descenders.
- Color (10%): 61 — The palette is a disciplined two-tone system — deep blue (#0000F2/#000091) against an off-white canvas (#F5F5F5) with white surfaces — tightly matched to the brand mark and used consistently across hero, feature sections, cards, and footer. This restraint reads as confident, but the near-total lack of a secondary color or tonal variation across an 8000px+ page risks monotony, and the system offers little room for differentiating content types (e.g., announcements vs. mission vs. footer all share the identical blue).
- Layout (20%): 63 — The page follows a clear vertical rhythm — hero, three-up image/text feature blocks, a giant product lockup, a three-column product showcase, an announcements grid, and an oversized footer — with generous macro-spacing and tight typographic micro-spacing. A nice structural touch is large type and section dividers overlapping (e.g., 'Leading the American Open Source Movement' crossing a horizontal rule at y≈1900), suggesting the layout is doing some layering work. Still, this is fundamentally a conventional single-column marketing stack with grid-based card sections; nothing in the structure itself (beyond the type/image interplay) departs meaningfully from standard long-scroll SaaS/landing patterns.
- Motion (20%): 55 — Motion is present and thematically appropriate (a glitch flourish on load, scroll-triggered fades, a parallax terminal mockup, slide-up announcement cards, a footer background reveal) but uses a standard scroll-reveal vocabulary (fade/slide/parallax) common to many sites rather than a bespoke interaction model tied uniquely to this brand. No evidence establishes refined easing, consistent frame rate, or accommodation for reduced-motion preferences.
- Originality (25%): 66 — The pairing of a brutalist, oversized condensed-type hero with recurring dithered glitch-art illustration, a terminal-window product mockup, and an anime-style circular seal ('REBELLION TO TYRANTS IS OBEDIENCE TO GOD') is a distinctive combination rarely seen on an AI-research marketing site — it reads as a considered identity rather than a trend-chase. The motif recurs across hero, feature images, announcement thumbnails, and the closing seal, giving some systemic coherence. It falls short of 'strong' because the component ideas (huge type, glitch photography, terminal window, seal) are each individually familiar devices; the originality lies in their specific juxtaposition and tone rather than in any single hard-to-substitute mechanism, and execution gaps (see content axis) suggest the concept isn't yet fully resolved.
- Content (10%): 45 — Content integration shows multiple unresolved production artifacts that undercut the otherwise confident visual system: a visible typo in a live announcement card ('Hemres Agnet' instead of 'Hermes Agent'), a trial-licensed font rendering on the live header, and future-dated placeholder-feeling announcement timestamps. These read as leftover test content rather than finished, integrated copy, which is a meaningful content-integration failure regardless of the strong visual shell around it.

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 pale page opens with tall condensed blue type, then drops into a long electric blue section where halftone, dot matrix portraits give the research a raw, countercultural mood rather than a corporate one. Short text blocks and small terminal and app screenshots break the dense blue field into readable chapters as you scroll.

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