# Nick Ho — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://nickho-motorsports.nl/
Captured: 2026-10-11
CSS measured: 2026-10-11T07:29:09.343Z at 1440×1000 — https://nickho-motorsports.nl/
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

Nick Ho Motorsports features a bold, high-contrast, typographic-led design style typical of sports and automotive branding. The primary aesthetic relies on a stark black and white palette, punctuated by vibrant racing yellow (color-4). Typography pairs a heavy, condensed display font (Anton, font-1) with a neutral, legible sans-serif (Helvetica, font-2) for body copy. Large, impactful numerals and capitalized headings dominate the layout, establishing a dynamic and competitive tone. The layout is structured around full-width imagery and a rigid grid, giving a solid, structured feel, complemented by subtle grid lines acting as structural design tokens.

## Classification

- Industry: other
- Site type: Blog
- Business model: Other
- Styles: bold, typographic, photographic, motorsport-automotive, high-contrast
- Platform: Webflow
- Technology: GSAP, Three.js

## Typography

- Display: Anton — weight 600; size 50px; line-height 55px; tracking normal; uppercase (100% role confidence, computed values)
- Heading: Anton — weight 600; size 32px; line-height 32px; tracking normal; uppercase (90% role confidence, computed values)
- Body: Helvetica — weight 400; size 14px; line-height 19.6px; tracking normal; Regular (100% role confidence, computed values)

## Functional palette

- Accent — accent #FED60A: color-4: computed rgb(254, 214, 10); AI role: #FED60A (Racing Yellow) used for highlights, specific words in headings, buttons, and decorative elements. (100% role confidence, computed values)
- Canvas — canvas #000000: color-2: computed rgb(0, 0, 0); AI role: Used extensively as a background for sections like History, Race Calendar, and Contact. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Used as a primary background for the Sponsor/Partner section, News section, and the Contact form card. (90% role confidence, computed values)
- Text — text #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White text used over black canvas areas. (90% role confidence, computed values)
- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: Black text used over white surface areas. (90% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "600",
    "size": "50px",
    "lineHeight": "55px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 20,
    "contexts": [
      {
        "tag": "h1",
        "text": "Nick Ho",
        "top": 826,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "I’m driven by progress, by",
        "top": 1280,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "finding that one percent of",
        "top": 1345,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Helvetica",
    "fontStack": "Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 50,
    "contexts": [
      {
        "tag": "p",
        "text": "Car number",
        "top": 376,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Career podiums",
        "top": 457,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Circuits raced",
        "top": 538,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Helvetica",
    "fontStack": "Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Rotterdam",
        "top": 399,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 454,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 454,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Helvetica",
    "fontStack": "Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 167,
    "contexts": [
      {
        "tag": "span",
        "text": "I",
        "top": 950,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "n",
        "top": 950,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "s",
        "top": 950,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 65,
    "contexts": [
      {
        "tag": "span",
        "text": "d",
        "top": 26,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "r",
        "top": 26,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 26,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "700",
    "size": "26px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 55,
    "contexts": [
      {
        "tag": "div",
        "text": "Race",
        "top": 7287,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "3",
        "top": 7287,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "-",
        "top": 7287,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "400",
    "size": "26px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "01234567890123456789/5",
        "top": 4297,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 4006,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 4032,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "600",
    "size": "32px",
    "lineHeight": "32px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "9",
        "top": 334,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "8",
        "top": 334,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 415,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "400",
    "size": "64px",
    "lineHeight": "64px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "About",
        "top": 350,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "History",
        "top": 436,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Gallery",
        "top": 523,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Anton",
    "fontStack": "Anton, Arial, sans-serif",
    "weight": "600",
    "size": "50px",
    "lineHeight": "50px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Pole",
        "top": 3913,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "position",
        "top": 3900,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 78,
    "contexts": [
      {
        "tag": "body",
        "text": ":root { --font-from-0: 13; --font-to-0: 15; --vw-from-0: calc(1 / 100); --vw-to-0: calc(479 / 100); ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "9",
        "top": 334,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Car number",
        "top": 376,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 210,
    "contexts": [
      {
        "tag": "span",
        "text": "d",
        "top": 26,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 26,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 28,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#E5E5E5",
    "alpha": 1,
    "cssValue": "rgb(229, 229, 229)",
    "count": 7,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 10351,
        "property": "svg-stroke"
      },
      {
        "tag": "line",
        "text": "",
        "top": 10452,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FED60A",
    "alpha": 1,
    "cssValue": "rgb(254, 214, 10)",
    "count": 23,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 15,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 30,
        "property": "svg-stroke"
      },
      {
        "tag": "div",
        "text": "",
        "top": 30,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#333333",
    "alpha": 1,
    "cssValue": "rgb(51, 51, 51)",
    "count": 29,
    "contexts": [
      {
        "tag": "div",
        "text": "I’m driven by progress, by",
        "top": 1280,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 6315,
        "property": "svg-stroke"
      },
      {
        "tag": "p",
        "text": "Autocoureur Nick Ho boekt eerste overwinning in Porsche Carrera Cup Benelux! \"Mega start\"",
        "top": 6702,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FFFCEA",
    "alpha": 1,
    "cssValue": "rgb(255, 252, 234)",
    "count": 75,
    "contexts": [
      {
        "tag": "div",
        "text": "Race",
        "top": 7287,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#000000",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(0, 0, 0, 0.05)",
    "count": 40,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 6296,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 167,
    "contexts": [
      {
        "tag": "span",
        "text": "I",
        "top": 950,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F2F2F2",
    "alpha": 1,
    "cssValue": "rgb(242, 242, 242)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 6296,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 10800,
        "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: Content is structured around a strict vertical grid system, evident by the visible hairline dividers. Spacing between major sections is substantial, providing breathing room for large typography and imagery.
- Corner style: Sharp, 0px radius corners dominate the layout (images, cards, form fields, buttons), reinforcing the hard-edged brutalist/bold aesthetic.
- Radius: 0px is the standard. No visible rounded corners on primary structural elements.
- Borders: Subtle vertical borders (#000000 at 5% opacity or similar light grey/faint white) establish the column grid.
- Buttons: Solid color-4 (yellow) fill, no border, sharp corners, black uppercase bold typography, often incorporating '>>' chevrons.
- Content width: Content spans wide, often utilizing the full 1440px viewport for imagery and large background typography, while maintaining readable line lengths for body text within grid columns.
- Density: Spacious overall, but dense within specific components like the sponsor logo grid or stat blocks. The large scale of typography forces a looser layout.
- Evidence: Visible vertical lines throughout, sharp corners on the contact form and buttons, edge-to-edge imagery, specific use of yellow for calls to action.

## Sections

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

1. **Hero — Nick Ho Driver Profile Hero** (Home)
   AI suggestion (98% confidence): Complete full-bleed motorsport hero with driver portrait, bold car number, racing statistics, biography, location, age, and next-race details.
   Capture: 1440×1008px; page bounds 0–1008px of 12249px; source section ID: `b652a38e-dbdd-4a19-8e27-40fedf2d42a8`; image: https://media.designdetails.io/library/c3be6fa43125807fb9588efb1fe3d0b85a0ac652147288deb1d447d94d30a66c/b652a38e-dbdd-4a19-8e27-40fedf2d42a8.webp
   SECTION.md v3.2: `b652a38e-dbdd-4a19-8e27-40fedf2d42a8` (deterministic evidence; editorial review pending)
2. **Editorial — Driven by Progress Manifesto** (Home)
   AI suggestion (90% confidence): Self-contained editorial statement featuring oversized condensed typography, yellow emphasis, generous whitespace, and two supporting racing portraits.
   Capture: 1440×861px; page bounds 1008–1869px of 12249px; source section ID: `9097367e-62e7-4a7f-a61c-d310a267616b`; image: https://media.designdetails.io/library/a9c36c854b234f97ddd3cc65e07dd98ed946d228d38985766ff50ba96a28d8bb/9097367e-62e7-4a7f-a61c-d310a267616b.webp
   SECTION.md v3.2: `9097367e-62e7-4a7f-a61c-d310a267616b` (deterministic evidence; editorial review pending)
3. **Editorial — The Foundation racing story** (Home)
   AI suggestion (84% confidence): A complete dark, magazine-like career chapter with a prominent title, biographical copy, motorsport imagery, and progress/navigation details; it ends before the next chapter begins.
   Capture: 1440×1503px; page bounds 3407–4910px of 12249px; source section ID: `b1cc777e-e87f-41ee-aeea-59e98c06a5e3`; image: https://media.designdetails.io/library/f748f656d3e03e71948a698263dec41984c8fdd0c2dcd5a826f745ae2bcba2a0/b1cc777e-e87f-41ee-aeea-59e98c06a5e3.webp
   SECTION.md v3.2: `b1cc777e-e87f-41ee-aeea-59e98c06a5e3` (deterministic evidence; editorial review pending)
4. **Editorial — Media & Articles Carousel** (Home)
   AI suggestion (95% confidence): Complete editorial section with an oversized background heading, article-image cards, captions, carousel controls, and clear white-to-black section boundaries.
   Capture: 1440×1005px; page bounds 6016–7021px of 12249px; source section ID: `b902fe0b-6937-4840-b289-38e736a77892`; image: https://media.designdetails.io/library/df3bec831c5958dd2daca4bae6570818920bd68f7295bb84d220aed0f603f882/b902fe0b-6937-4840-b289-38e736a77892.webp
   SECTION.md v3.2: `b902fe0b-6937-4840-b289-38e736a77892` (deterministic evidence; editorial review pending)
5. **CTA — Champion Sponsorship Inquiry** (Home)
   AI suggestion (87% confidence): Complete conversion-focused section with a bold sponsorship prompt, highlighted website callout, centered race-car graphic, and a large cinematic racing visual; it has clear checkerboard opening and a clean ending before the gallery.
   Capture: 1440×1782px; page bounds 8250–10032px of 12249px; source section ID: `5c85032c-4cb3-4c38-a42e-6ba2dfde9c0f`; image: https://media.designdetails.io/library/cf2bf981c823d66bb5bf47a9a0169f9273c073ed49381f04b75788c1eae51f56/5c85032c-4cb3-4c38-a42e-6ba2dfde9c0f.webp
   SECTION.md v3.2: `5c85032c-4cb3-4c38-a42e-6ba2dfde9c0f` (deterministic evidence; editorial review pending)
6. **Contact — Oversized Contact Form** (Home)
   AI suggestion (98% confidence): Complete contact section with a bold typographic backdrop, introductory copy, name and email fields, and a prominent submit action.
   Capture: 1440×730px; page bounds 11012–11742px of 12249px; source section ID: `9af30725-5f81-40dd-b0c6-ddbe3845e754`; image: https://media.designdetails.io/library/73b0ce832ef263760c62803a471909dd34eeb1f1c0256028cfbbb4f572bd689f/9af30725-5f81-40dd-b0c6-ddbe3845e754.webp
   SECTION.md v3.2: `9af30725-5f81-40dd-b0c6-ddbe3845e754` (deterministic evidence; editorial review pending)
7. **Footer — Motorsports Link Footer** (Home)
   AI suggestion (97% confidence): Complete page footer with brand mark, menu, social links, contact details, web credits, and legal links arranged in a structured column layout.
   Capture: 1440×505px; page bounds 11744–12249px of 12249px; source section ID: `d51e4508-3e50-4d10-b85b-a800c725c2ad`; image: https://media.designdetails.io/library/d915c09a3bfa4b7d08c3bfb781e970211e0c6089930da1f8a7946556a09fdc4c/d51e4508-3e50-4d10-b85b-a800c725c2ad.webp
   SECTION.md v3.2: `d51e4508-3e50-4d10-b85b-a800c725c2ad` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/63a171a3b83399985f4994ec350fb4ac0eb0c13b599ec0bafa4bd32382571095/desktop_full-11782349-2026-10-11T07-29-09-358Z.webp
- Mobile screenshot: https://media.designdetails.io/library/aa9c7047e9cf5d3095302164442c4d349f771f397c8a09e40e57bf0ce71d0f66/mobile_full-11782349-2026-10-11T07-31-04-249Z.webp
- Open Graph image: https://media.designdetails.io/library/9eac2c1b974c4ea3be5b211bb1e8409aa7153dd320d462bd633e5222094abbf9/og_image-11782349-2026-10-11T07-29-59-138Z.webp
- Full-page video: https://media.designdetails.io/library/dfe22f4978e1b1f676437d0d19ef5d57c617c36d1ca4102d491c454590c5aa6e/motion-1791704752658.mp4
- Video poster: https://media.designdetails.io/library/67e6c4463d7b29449007147355705ded4c3a75d367315b942f8e09a50eae2789/motion-poster-1791704752658.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

- Hero With Background Imagery
- Stat Block
- Logo Strip
- Feature Collection
- Editorial Card
- Video Frame
- Gallery
- Contact Form
- Primary Button
- Footer
- Background Typography
- Visible Grid Lines
- Interactive Car Model

## Quality rubric

Overall: 56.31/100 (Competent)
Evidence coverage: 80%
Judge tier: Competent
Verdict: Nick Ho Motorsports delivers a competent, thematically consistent driver portfolio built on a disciplined black/white/racing-yellow system and a clear vertical grid that holds together across hero, sponsor, timeline, calendar, and contact sections. Typography and color choices are safe and appropriate for the motorsport idiom rather than distinctive, and the overall structure follows familiar athlete-site conventions (stat hero, logo wall, career timeline, card list, scattered gallery) without introducing a standout, hard-to-substitute idea. Motion could not be assessed from the supplied evidence, which also limits confidence in judging the full experience.

- Typography (15%): 58 — A heavy condensed display face (Anton) is paired with a neutral body face (Helvetica) in a conventional but competently executed hierarchy: large uppercase numerals and headings (50-64px) contrast with small 14px body copy. The system is legible and consistently applied across hero, stats, timeline and calendar sections, but the pairing itself is a standard sports/automotive trope rather than a considered type system with varied optical sizing, custom numerals, or nuanced tracking.
- Color (10%): 60 — A disciplined black/white/yellow palette is thematically apt for motorsport branding and used consistently as background, text, and accent across sections (hero, sponsor grid, timeline, calendar, contact). The restraint is appropriate for the idiom but the three-color system is simple and low-risk, without tonal nuance beyond the single accent.
- Layout (20%): 62 — A consistent vertical-grid system with visible hairline dividers runs through hero, stats, logo wall, timeline, calendar and gallery, giving the site a structured, considered feel across many distinct section types. The gallery's scattered/rotated photo arrangement and the full-bleed car/video elements add some variety, but overall the structure (hero+stats, logo grid, vertical timeline, card list, contact form, footer) follows a familiar sports-portfolio template rather than introducing a distinctive compositional logic.
- Motion (20%): Not_assessed — No motion recording or interaction evidence was supplied, so animation quality, timing, and responsiveness cannot be judged.
- Originality (25%): 47 — The site assembles well-known motorsport-portfolio conventions: hero with driver photo and stat overlay, black/yellow racing palette, sponsor logo wall, vertical career timeline, race calendar, and a scattered photo gallery. The top-down car graphic spanning the calendar section and the rotated gallery arrangement are mildly distinctive touches, but neither constitutes a hard-to-substitute idea; most elements could be swapped for any other driver's site with minimal change to the underlying system.
- Content (10%): 62 — Racing content (car number, podiums, circuits, sponsor logos, news articles, race calendar, career timeline) is reasonably well integrated into the visual system—numerals double as design elements, sponsor logos are organized in a clean grid, and the timeline pairs narrative copy with period-appropriate imagery. This is a functional, content-first execution, though the integration follows expected conventions rather than finding a novel way to present the data.

Coverage: 80% 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 huge black and white helmet photo pairs with an oversized car number and bold stat blocks, so the stats read instantly before any text. Sparse white space up top gives way to a black mid-section with yellow accents and a numbered timeline, pacing the career story into clear, scannable 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.