# Hone — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://hone.com/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:01:17.812Z at 1440×1000 — https://hone.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 Hone website employs a bold, technical aesthetic characterized by a stark black-and-white foundation accented with bright, almost neon green. The typography uses a functional sans-serif (FT Aktual) across all roles, reinforcing the engineered, software-focused theme. Key design elements include stark geometric dividers, large minimalist icons, interactive scrolling reveals, and a structured, grid-aligned layout that communicates precision and efficiency.

## Classification

- Industry: ai
- Site type: Blog
- Business model: AI
- Styles: bold, minimal, corporate, geometric, technical, high-contrast
- Platform: Custom code
- Technology: Astro, GSAP

## Typography

- Display: FT Aktual-13a0b0149837d76d — weight 400; size 119.8px; line-height 124.6px; tracking -1.2px; Regular (90% role confidence, computed values)
- Heading: FT Aktual-13a0b0149837d76d — weight 400; size 48px; line-height 49.9px; tracking -0.5px; Regular (95% role confidence, computed values)
- Body: FT Aktual-13a0b0149837d76d — weight 400; size 16px; line-height 20px; tracking -0.2px; Regular (90% role confidence, computed values)

## Functional palette

- Text — text #000000: color-3: computed rgb(0, 0, 0); AI role: Black (#000000) used for primary text on white and pale backgrounds. (95% role confidence, computed values)
- Primary Action — primary action #BCF891: color-5: computed rgb(188, 248, 145); AI role: Bright green (#BCF891) used for primary 'Book a demo' buttons, text highlights, and key visual accents. (95% role confidence, computed values)
- Canvas — canvas #001115: color-2: computed rgb(0, 17, 21); AI role: Deep black/green (#001115) used as the primary dark background for the hero and outcome sections. (85% role confidence, computed values)
- Text — text #FFFFFF: color-4: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used for text on the dark canvas sections. (85% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-4: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used extensively as the background for the middle feature and detail sections. (80% role confidence, computed values)
- Surface — surface #CEE4E2: color-1: computed rgb(206, 228, 226); AI role: Pale blue-green (#CEE4E2) used as a surface color for testimonial cards and the announcement 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": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "22px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 47,
    "contexts": [
      {
        "tag": "p",
        "text": "Frontier labs push the limits of intelligence. We work on how that intelligence gets absorbed, share",
        "top": 1425,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Answer questions",
        "top": 3374,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Complete tasks",
        "top": 3374,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "31.9px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 32,
    "contexts": [
      {
        "tag": "span",
        "text": "01",
        "top": 1103,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 2423,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Watch an Engine take on an outcome.",
        "top": 2421,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "119.8px",
    "lineHeight": "124.6px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Revenue",
        "top": 7327,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Procurement",
        "top": 7512,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Risk",
        "top": 7697,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "67.5px",
    "lineHeight": "70.2px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Hone is an applied research lab, focused on closing the gap between what models can do and the econo",
        "top": 1103,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "applied research lab",
        "top": 1097,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Your outcome",
        "top": 8250,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "22px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Chatbots",
        "top": 3352,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Agents",
        "top": 3352,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Engines",
        "top": 3352,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "49.9px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "AI Engines that own outcomes",
        "top": 400,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Where our customers have deployed Engines",
        "top": 6928,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 12,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 63,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 574,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Engines are persistent agents for your organization. Assigned an outcome, an Engine onboards itself,",
        "top": 477,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hone is the first product I’ve adopted that’s truly challenged me, not to adapt or learn or use it m",
        "top": 1699,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Nowadays, anyone can build a skill or connect tools through MCPs. The game changer for us when using",
        "top": 1872,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Hone home",
        "top": 83,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Play video",
        "top": 2918,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Revenue",
        "top": 7419,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Outcome",
        "top": 7157,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Outcome",
        "top": 7157,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Outcome",
        "top": 7157,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "22px",
    "letterSpacing": "-0.2px",
    "traits": "italic",
    "count": 3,
    "contexts": [
      {
        "tag": "em",
        "text": "You prompt them",
        "top": 3404,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "You assign the work",
        "top": 3404,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "You set the goals and guardrails",
        "top": 3404,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "31.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Previous",
        "top": 5965,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Next",
        "top": 5965,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "FT Aktual-13a0b0149837d76d",
    "fontStack": "\"FT Aktual-13a0b0149837d76d\", -apple-system, \"system-ui\", \"avenir next\", avenir, \"segoe ui\", \"helvetica neue\", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Hone Raises a $60M Seed from Benchmark and Index Ventures to Build AI Engines",
        "top": 11,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#CEE4E2",
    "alpha": 1,
    "cssValue": "rgb(206, 228, 226)",
    "count": 2929,
    "contexts": [
      {
        "tag": "div",
        "text": "Hone Raises a $60M Seed from Benchmark and Index Ventures to Build AI EnginesHone announces 60m seed",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "details",
        "text": "Chris PrinzModal Hone is the first product I’ve adopted that’s truly challenged me, not to adapt or ",
        "top": 1675,
        "property": "background"
      },
      {
        "tag": "hr",
        "text": "",
        "top": 2219,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#001115",
    "alpha": 1,
    "cssValue": "rgb(0, 17, 21)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Hone Raises a $60M Seed from Benchmark and Index Ventures to Build AI Engines",
        "top": 11,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Learn more",
        "top": 12,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 292,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 574,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 580,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Hone is an applied research lab, focused on closing the gap between what models can do and the econo",
        "top": 1103,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 108,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 491,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 491,
        "property": "::after-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 60,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#BCF891",
    "alpha": 1,
    "cssValue": "rgb(188, 248, 145)",
    "count": 49,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": -608,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 361,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "",
        "top": 976,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#BEF591",
    "alpha": 0.2,
    "cssValue": "rgba(188, 247, 145, 0.2)",
    "count": 37,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": -769,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": -83,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#BCF891",
    "alpha": 0.4,
    "cssValue": "rgba(188, 247, 145, 0.4)",
    "count": 37,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": -732,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 150,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#EDF5F4",
    "alpha": 1,
    "cssValue": "rgb(237, 245, 244)",
    "count": 5,
    "contexts": [
      {
        "tag": "details",
        "text": "Imen AwagLucanet Nowadays, anyone can build a skill or connect tools through MCPs. The game changer ",
        "top": 1848,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "ChatbotsAnswer questionsYou prompt them",
        "top": 3328,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Start Your Engines Start Your Engines",
        "top": 9573,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#000000",
    "alpha": 0.4,
    "cssValue": "color(srgb 0 0 0 / 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Play video",
        "top": 2518,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#6B8683",
    "alpha": 1,
    "cssValue": "rgb(107, 134, 131)",
    "count": 28,
    "contexts": [
      {
        "tag": "span",
        "text": "01",
        "top": 1103,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Modal",
        "top": 1798,
        "property": "text"
      },
      {
        "tag": "dd",
        "text": "San Francisco",
        "top": 9982,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#3BD966",
    "alpha": 1,
    "cssValue": "rgb(59, 217, 102)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 564,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "Customer Commitment EngineOwns customer commitments from pre-sales through delivery. Gathers context",
        "top": 6627,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Start Your Engines Start Your Engines",
        "top": 9584,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "color(srgb 1 1 1 / 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2888,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#1C1B1F",
    "alpha": 1,
    "cssValue": "rgb(28, 27, 31)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 9343,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#CFE4E3",
    "alpha": 0.6,
    "cssValue": "rgba(206, 228, 226, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI for outcomes",
        "top": 11573,
        "property": "border"
      }
    ]
  }
]
```

### 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: Relies on expansive vertical spacing between major sections, punctuated by strict, thin horizontal lines acting as section dividers or layout grids.
- Corner style: Sharp, right-angled corners are universally applied across buttons, cards, and structural elements, reinforcing the precise, technical feel.
- Radius: 0px or none evident; elements maintain sharp edges.
- Borders: Thin, solid black or white borders (1px) are used extensively to define grids, create dividing lines between sections, and separate list items.
- Buttons: Solid fill rectangles with sharp corners; primary buttons use the bright accent green, while secondary or structural actions may use simple borders or high-contrast fills.
- Content width: Utilizes a flexible grid that often spans the full width of the viewport for dividers, while keeping readable text blocks constrained to manageable widths.
- Density: Low density. The layout embraces substantial negative space to draw focus to large typography and isolated graphical elements.
- Evidence: Observed sharp corners on the green CTA buttons, thin border lines dividing the '01', '02' numbered sections, and the wide spacing in the 'What's under the hood' feature grid.

## Sections

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

1. **Features — Watch an Engine take on an outcome.** (Home)
   Reusable feature composition from Home, organized around “Watch an Engine take on an outcome.”.
   Capture: 1440×1230px; page bounds 2230–3460px of 12001px; source section ID: `7a9c5c20-365b-4f4c-9fa5-694c7a1d724b`; image: https://media.designdetails.io/library/4a73cc9c9899e7d837a830f472a426db66b1b915091349f2a29494bd6d3f57ae/section_crop-7a9c5c20-2026-10-10T05-01-31-688Z.webp
   SECTION.md v3.2: `7a9c5c20-365b-4f4c-9fa5-694c7a1d724b` (deterministic evidence; editorial review pending)
2. **Features — Set an Engine in motion.** (Home)
   Reusable feature composition from Home, organized around “Set an Engine in motion.”.
   Capture: 1440×868px; page bounds 4400–5268px of 12001px; source section ID: `34e2ae2e-e556-43f2-a14b-679e0487cbf6`; image: https://media.designdetails.io/library/867bfdde4492fe1dcb7ffc4565ebcc0f2557450e904bcba9ca046a80793ec468/section-manual-34e2ae2e-e556-43f2-a14b-679e0487cbf6-1791620791289.webp
   SECTION.md v3.2: `34e2ae2e-e556-43f2-a14b-679e0487cbf6` (deterministic evidence; editorial review pending)
3. **Features — Critical work. Measurable results.** (Home)
   Reusable feature composition from Home, organized around “Critical work. Measurable results.”.
   Capture: 1440×1237px; page bounds 7643–8880px of 12001px; source section ID: `81bae68a-41a1-4137-98d9-715c7f56f707`; image: https://media.designdetails.io/library/98d686564a5a0acbbf0df9f986456e0c9fddf38d7e276b5c401272baccb2c2ed/section_crop-81bae68a-2026-10-10T05-01-35-733Z.webp
   SECTION.md v3.2: `81bae68a-41a1-4137-98d9-715c7f56f707` (deterministic evidence; editorial review pending)
4. **Hero — AI Engines That Own Outcomes** (Home)
   AI suggestion (97% confidence): Complete dark hero with integrated brand navigation, prominent value proposition, supporting copy, CTA, radial graphic treatment, and a clear ending at the scroll prompt.
   Capture: 1440×984px; page bounds 42–1026px of 12001px; source section ID: `77138e13-7f95-4138-b391-103cb4ea1fc2`; image: https://media.designdetails.io/library/2be1525eb7d7f31954d743e9f4bfbeb18df4f0113d2e75831334e31e6d77b3a2/77138e13-7f95-4138-b391-103cb4ea1fc2.webp
   SECTION.md v3.2: `77138e13-7f95-4138-b391-103cb4ea1fc2` (deterministic evidence; editorial review pending)
5. **Editorial — Applied Research Lab Overview** (Home)
   AI suggestion (90% confidence): Self-contained company-positioning section with a bold highlighted thesis, explanatory copy, CTA, and customer proof presented in a distinctive expandable quote panel; bounded by clear section transitions.
   Capture: 1440×1206px; page bounds 1026–2232px of 12001px; source section ID: `b6d5fa6d-5766-46a1-ae2d-8bb93727e1f9`; image: https://media.designdetails.io/library/c469dbad86ad1532a739e17328ce06a61dc18d2a4d61f9d3bda7453148a24f29/b6d5fa6d-5766-46a1-ae2d-8bb93727e1f9.webp
   SECTION.md v3.2: `b6d5fa6d-5766-46a1-ae2d-8bb93727e1f9` (deterministic evidence; editorial review pending)
6. **Feature Grid — What’s under the hood** (Home)
   AI suggestion (97% confidence): Complete technical feature carousel with a numbered heading, navigation controls, four consistent capability cards, and a clearly defined ending marked by the multicolor transition into the next section.
   Capture: 1440×657px; page bounds 5941–6598px of 12001px; source section ID: `a79c19b4-a32e-4a48-b107-780db56cb843`; image: https://media.designdetails.io/library/ec60bbd6c4dd2ffdb25965d077d698aa4421e5fb6166e74ded3d8493da441d87/a79c19b4-a32e-4a48-b107-780db56cb843.webp
   SECTION.md v3.2: `a79c19b4-a32e-4a48-b107-780db56cb843` (deterministic evidence; editorial review pending)
7. **Feature Grid — Built for enterprise scale** (Home)
   AI suggestion (96% confidence): Complete enterprise-readiness section with a clear heading, supporting statement, and four aligned feature columns covering auditability, security, compliance, and hosting.
   Capture: 1440×561px; page bounds 8976–9537px of 12001px; source section ID: `49214005-044f-47aa-af9c-d9f64692c7e5`; image: https://media.designdetails.io/library/ff3e7f75623cf21ede045d8e1452a538767f3bc2944c126caba2b467b77694c9/49214005-044f-47aa-af9c-d9f64692c7e5.webp
   SECTION.md v3.2: `49214005-044f-47aa-af9c-d9f64692c7e5` (deterministic evidence; editorial review pending)
8. **Team — Who we are** (Home)
   AI suggestion (88% confidence): Self-contained company team overview with mission copy, team attributes, location, background, backers, and an open-roles CTA.
   Capture: 1440×558px; page bounds 9660–10218px of 12001px; source section ID: `96d7dcac-7d9a-4723-94db-73a55ef5d13f`; image: https://media.designdetails.io/library/3134bd9205ede68681188ba77d9d4e019bf675a09937cfc9963040a6cb249c58/96d7dcac-7d9a-4723-94db-73a55ef5d13f.webp
   SECTION.md v3.2: `96d7dcac-7d9a-4723-94db-73a55ef5d13f` (deterministic evidence; editorial review pending)
9. **Footer — Hone contact and navigation footer** (Home)
   AI suggestion (98% confidence): Complete, substantial page footer with navigation links, contact and demo actions, social/legal details, brand mark, and copyright information in a distinctive split-panel layout.
   Capture: 1440×432px; page bounds 11569–12001px of 12001px; source section ID: `5b0a9e3c-24e0-47e9-bc00-11db708d9804`; image: https://media.designdetails.io/library/391d3a3721c2c4180cad0e06a1c62e445b5fd5138a18ac9b633540e455a4b164/5b0a9e3c-24e0-47e9-bc00-11db708d9804.webp
   SECTION.md v3.2: `5b0a9e3c-24e0-47e9-bc00-11db708d9804` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/5cdb40ba339427b95bf96fee3357054e6cabb6c0b9df1c8be3e42b45720c3210/desktop_full-366de08d-2026-10-10T05-01-17-820Z.webp
- Mobile screenshot: https://media.designdetails.io/library/28a24836dabe65003c83a06c2d0b13ca5d91c7baa9e851367de5deb908cf7e09/mobile_full-366de08d-2026-10-10T05-02-05-445Z.webp
- Open Graph image: https://media.designdetails.io/library/e74ff39aac4bb419045b6c5a222de82650cc7b7353e71f5349399a8cdfcce826/og_image-366de08d-2026-10-10T05-01-28-482Z.webp
- Full-page video: https://media.designdetails.io/library/d6d3701a7b14bcb810c6f02698b672ff03e352a2230f568e1fc54628af54f721/motion-1791618335703.mp4
- Video poster: https://media.designdetails.io/library/25ed608c0457f2d9f4546dc8423709ff93af5f773f9d1b119b255eb0a8a68ef9/motion-poster-1791618335703.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

- Announcement Bar
- Hero
- Primary Button
- Testimonial Card
- Video Frame
- Feature Collection
- Footer
- Scrolling Highlight List
- Sticky Call To Action Panel

## Quality rubric

Overall: 59.9/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Hone executes a clean, systemized B2B AI-startup aesthetic with real connective tissue across sections — a numbered content rail, a recurring feature-grid template, scroll-linked motion that tracks meaning (color-isolated outcomes, sticky CTA), and a mechanical icon motif tied to its 'Engine' branding. It's well-assembled and purposeful, but the governing visual language (dark neon-green hero, radiating-line animation, numbered editorial sections) is now a widely repeated convention in this product category, and a few sections (testimonials, blog list) fall back to generic patterns, keeping the result solidly 'good' rather than landmark or exceptional.

- Typography (15%): 62 — A single family (FT Aktual) is used across every role with negative tracking at nearly all sizes, giving the page a consistent technical voice, but hierarchy is built almost entirely through size jumps (16px body to 119.8px display) rather than a second register, weight contrast, or distinctive letterforms, so the system reads as competent rather than distinguished.
- Color (10%): 58 — The black/white/neon-green triad with a pale mint surface is applied consistently for CTAs, cards, and dividers, showing restraint, but this exact dark-canvas-plus-neon-accent palette is now a very common convention among AI/agent startup sites, limiting its distinctiveness as a design move.
- Layout (20%): 67 — A numbered editorial system (01–07) with consistent label highlighting, hairline dividers, and a repeating 4-column feature grid is carried through multiple sections, and structural devices like the sticky video block and sticky 'Start Your Engines' panel are deployed with intent rather than once, forming a legible end-to-end system.
- Motion (20%): 64 — Motion moments are tied to scroll position and content meaning (color-isolated outcome list, text wipe, sticky reveals) rather than being purely decorative, and several distinct effects recur across the page, but the vocabulary (radiating hero lines, marquee background, scroll-triggered highlight) is familiar within the current AI-site idiom and no evidence here confirms refined easing, frame rate, or interaction-state polish.
- Originality (25%): 48 — A couple of authored, hard-to-substitute ideas exist — the mechanical gear-shaped icon set tied to the 'Engine' brand concept and the scroll-driven outcome list that isolates one term in green at a time — but the overall package (dark radiating-line hero, neon-green-on-black palette, numbered section rail, marquee background) closely matches a now-common template among 2024–25 AI/agent startup sites, so it reads as a competent variation rather than a genuinely distinct system.
- Content (10%): 66 — Icons, captions, and copy are conceptually coupled rather than decorative — the gear/mechanical icon set maps directly onto 'Engine' terminology, and the outcome scroller pairs each business term with tailored outcome copy and a consistent CTA — though some sections (testimonial cards, blog post table) fall back to generic list/card conventions without the same rigor.

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

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

## Verification checklist

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

## Curator notes

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.