# Sharplink — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.sharplink.com/
Captured: 2026-10-10
CSS measured: 2026-10-10T06:02:47.932Z at 1440×1000 — https://www.sharplink.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

Sharplink is a highly polished, corporate website that leans heavily into a modern, geometric, and high-tech aesthetic to promote an institutional-grade Ethereum treasury platform. The visual style is dominated by sleek 3D renders of abstract metallic and crystal-like forms set against a deep blue and stark black canvas. The design employs a sophisticated, minimalist typographic scale using the Archivo font family, creating a sense of precision and financial authority. Large, high-impact background visuals and scroll-triggered 3D animations form the core of the user experience, guiding the narrative from overarching concepts to specific data points. The layout uses generous spacing and stark

## Classification

- Industry: finance
- Site type: Blog
- Business model: Software
- Styles: corporate, minimal, geometric, high-tech-finance, dark-mode-industrial
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Archivo — weight 400; size 88px; line-height 84.5px; tracking -2.6px; Regular (100% role confidence, computed values)
- Heading: Archivo — weight 400; size 68px; line-height 72.1px; tracking -1.4px; Regular (90% role confidence, computed values)
- Body: Archivo — weight 400; size 16px; line-height normal; tracking normal; Regular (95% role confidence, computed values)
- Mono: Archivo Narrow — weight 500; size 13px; line-height 18.2px; tracking 1px; uppercase (80% role confidence, computed values)

## Functional palette

- Primary Action — primary action #0E76FF: color-1: computed rgb(14, 118, 255); AI role: The vivid blue (#0E76FF) is used distinctively for main call-to-action buttons. (100% role confidence, computed values)
- Text — text #FFFFFF: color-12: computed rgb(255, 255, 255); AI role: White text is primary against the dark backgrounds. (95% role confidence, computed values)
- Canvas — canvas #000000: color-3: computed rgb(0, 0, 0); AI role: Solid black is used as a foundational background for several major sections. (90% role confidence, computed values)
- Surface — surface #F3F3F3: color-4: computed rgb(243, 243, 243); AI role: Light grey (#F3F3F3) used for subtle background blocks or form fields. (70% 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": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "400",
    "size": "68px",
    "lineHeight": "72.1px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 31,
    "contexts": [
      {
        "tag": "span",
        "text": "T",
        "top": 2342,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 2342,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "e",
        "top": 2342,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "500",
    "size": "24px",
    "lineHeight": "33.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "The Galaxy Sharplink Onchain Yield Fund",
        "top": 7009,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Sign up to stay sharp:",
        "top": 8118,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback: Arial\"",
    "weight": "500",
    "size": "13px",
    "lineHeight": "18.2px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 57,
    "contexts": [
      {
        "tag": "span",
        "text": "About",
        "top": 16,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "About",
        "top": 50,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Investors",
        "top": 16,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "500",
    "size": "32px",
    "lineHeight": "37.1px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 121,
    "contexts": [
      {
        "tag": "span",
        "text": "B",
        "top": 2669,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "u",
        "top": 2669,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "i",
        "top": 2669,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "400",
    "size": "44px",
    "lineHeight": "54.1px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 41,
    "contexts": [
      {
        "tag": "span",
        "text": "E",
        "top": 4092,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "t",
        "top": 4092,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 4092,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "400",
    "size": "88px",
    "lineHeight": "84.5px",
    "letterSpacing": "-2.6px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "E",
        "top": 110,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "t",
        "top": 110,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 110,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "500",
    "size": "19px",
    "lineHeight": "25.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "div",
        "text": "Sharplink is the institutional-grade Ethereum treasury platform giving investors a smarter, more pro",
        "top": 899,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Where is Sharplink listed?",
        "top": 7429,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "What is a Digital Asset Treasury (DAT)?",
        "top": 7507,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Sharplink is led by former BlackRock digital asset chief Joseph Chalom, Ethereum Cofounder Joseph Lu",
        "top": 2669,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Sharplink runs custody, execution, risk controls, and capital deployment in-house, allowing the plat",
        "top": 2884,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Sharplink, a Nasdaq-listed company, uses issuance, structure, and liquidity to increase ETH concentr",
        "top": 3088,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback: Arial\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "0, 10",
        "top": 8870,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "0, 10",
        "top": 8870,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "0, 10",
        "top": 8870,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback: Arial\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "21.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Sharplink Reports Second Quarter 2026 Financial and Operating Results",
        "top": 913,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#0E76FF",
    "alpha": 1,
    "cssValue": "rgb(14, 118, 255)",
    "count": 14,
    "contexts": [
      {
        "tag": "div",
        "text": "Pioneering Productivity",
        "top": 460,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 307,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "COMPANY NEWSAug 10, 2026Sharplink Reports Second Quarter 2026 Financial and Operating Results",
        "top": 859,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F7F7F5",
    "alpha": 1,
    "cssValue": "rgb(247, 247, 245)",
    "count": 1,
    "contexts": [
      {
        "tag": "body",
        "text": "Please enable JavaScriptThis website requires JavaScript in order to work properly.MenuMenu Home Abo",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 138,
    "contexts": [
      {
        "tag": "span",
        "text": "Explore the Dashboard",
        "top": 307,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 2280,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "PROPOSITIONS",
        "top": 2308,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F3F3F3",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 243)",
    "count": 225,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 31,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "About",
        "top": 16,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 25,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#E6E6E6",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(238, 238, 240, 0.04)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Ethereum for Everyone,Engineered to Compound.Explore the DashboardExplore the DashboardSEE INVESTOR ",
        "top": 3819,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#000000",
    "alpha": 0.03137254901960784,
    "cssValue": "rgba(0, 0, 0, 0.03)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "01Where is Sharplink listed?Our stock trades on the Nasdaq under the symbol SBET. Shares may be purc",
        "top": 7404,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#262628",
    "alpha": 0.45098039215686275,
    "cssValue": "rgba(38, 38, 41, 0.45)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "COMPANY NEWSAug 10, 2026Sharplink Reports Second Quarter 2026 Financial and Operating Results",
        "top": 859,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#EBEBEB",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(238, 238, 240, 0.1)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "AboutAbout",
        "top": 16,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 16,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F3F3F3",
    "alpha": 0.6,
    "cssValue": "rgba(243, 243, 243, 0.6)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Aug 10, 2026",
        "top": 879,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "SharpLink is proudly listed on NASDAQ under the trading symbol SBET",
        "top": 8355,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "PRIVACY POLICY",
        "top": 8373,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F2F2F2",
    "alpha": 0.4,
    "cssValue": "rgba(242, 242, 242, 0.4)",
    "count": 21,
    "contexts": [
      {
        "tag": "span",
        "text": "E",
        "top": 4146,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.1)",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "Visit our BlogVisit our Blog",
        "top": 6524,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 6524,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "0, 10",
        "top": 8870,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#F5F5F5",
    "alpha": 0.2,
    "cssValue": "rgba(243, 243, 243, 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3890,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFFFFF",
    "alpha": 0.7490196078431373,
    "cssValue": "rgba(255, 255, 255, 0.75)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3890,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "rgba(0, 0, 0, 0.6)",
    "count": 14,
    "contexts": [
      {
        "tag": "div",
        "text": "01",
        "top": 7430,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "01",
        "top": 7430,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#000000",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(0, 0, 0, 0.15)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "News",
        "top": 6963,
        "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: Generous vertical spacing between major sections, often using empty space to frame the 3D visual elements. Text blocks are relatively tight but well-separated from imagery.
- Corner style: Sharp, 90-degree corners are used almost exclusively for buttons, cards, and text containers, reinforcing a precise, technical feel.
- Radius: 0px (sharp corners).
- Borders: Minimal visible borders; separation is achieved mostly through stark color contrasts (black/blue/white) and spatial arrangement. Some very subtle, thin border lines exist in the FAQ.
- Buttons: Solid rectangular blocks with sharp corners, utilizing high-contrast background colors (bright blue) or semi-transparent dark backgrounds with white text.
- Content width: Content is generally centered or split into wide, balanced columns, utilizing a significant portion of the desktop viewport width to accommodate large 3D visuals.
- Density: Low to medium density. The design prioritizes large, impactful visuals and clear, concise typography over dense information packing.
- Evidence: Observed sharp corners on 'EXPLORE THE DASHBOARD' button, expansive dark backgrounds separating text sections, and large text scales (88px, 68px) requiring significant space.

## Sections

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

1. **Hero — Ethereum with an Edge** (Home)
   AI suggestion (99% confidence): Complete, substantial opening hero with brand navigation, headline, dual CTAs, Ethereum artwork, positioning statement, Nasdaq mark, and company-news card.
   Capture: 1440×1005px; page bounds 0–1005px of 8764px; source section ID: `5e1f5186-47e6-47e9-ae14-071b878a568a`; image: https://media.designdetails.io/library/1cb8ade58a708745205fcb9893dc62b17a7176f45cd711a1b55c2a1be8872716/5e1f5186-47e6-47e9-ae14-071b878a568a.webp
   SECTION.md v3.2: `5e1f5186-47e6-47e9-ae14-071b878a568a` (deterministic evidence; editorial review pending)
2. **Features — The Stack for Stacking Ethereum** (Home)
   Reusable feature composition from Home, organized around “The Stack for Stacking Ethereum”.
   Capture: 1440×1429px; page bounds 2255–3684px of 8764px; source section ID: `50cfe445-2694-406e-ac01-dfaa0873e267`; image: https://media.designdetails.io/library/d53dcbcd633f7afdb48f3c688f251a5305a842997f1431324eaafddbc780dfe2/section-manual-50cfe445-2694-406e-ac01-dfaa0873e267-1791700984005.webp
   SECTION.md v3.2: `50cfe445-2694-406e-ac01-dfaa0873e267` (deterministic evidence; editorial review pending)
3. **Features — Sharplink Features** (Home)
   Reusable feature composition from Home, organized around “Sharplink Features”.
   Capture: 1440×540px; page bounds 4587–5127px of 8764px; source section ID: `1371dbed-925d-4827-8302-8b63577fc809`; image: https://media.designdetails.io/library/36a7d8a3efcb6a70bca8d0d1aa31f63aff2b8bd4184c717b1a936ee69db4de95/section-manual-1371dbed-925d-4827-8302-8b63577fc809-1791701012196.webp
   SECTION.md v3.2: `1371dbed-925d-4827-8302-8b63577fc809` (deterministic evidence; editorial review pending)
4. **Features — Pioneering Productivity** (Home)
   AI suggestion (94% confidence): Self-contained product-benefits section combining a dashboard visualization, explanatory copy, and three numbered staking advantages in a distinctive asymmetric layout.
   Capture: 1440×741px; page bounds 1008–1749px of 8764px; source section ID: `4b62ba17-d529-4f3d-81a2-c9ad1aec4fe3`; image: https://media.designdetails.io/library/3f566feb179454a3582a205a082fbaec559e2907aa3b4e266c79a1799488493a/section-manual-4b62ba17-d529-4f3d-81a2-c9ad1aec4fe3-1791700963415.webp
   SECTION.md v3.2: `4b62ba17-d529-4f3d-81a2-c9ad1aec4fe3` (deterministic evidence; editorial review pending)
5. **CTA — Ethereum for Everyone Dashboard CTA** (Home)
   AI suggestion (97% confidence): Complete, self-contained conversion panel with brand mark, a concise value statement, two action buttons, and a distinctive technical Ethereum illustration.
   Capture: 1440×863px; page bounds 3642–4505px of 8764px; source section ID: `0c035e44-38e1-4ddc-a197-ec65b5aa3556`; image: https://media.designdetails.io/library/9a7ed5318f4ad847d3cba497eb937b88bc888adc65391014b5a5437bf82ee284/section-manual-0c035e44-38e1-4ddc-a197-ec65b5aa3556-1791700998425.webp
   SECTION.md v3.2: `0c035e44-38e1-4ddc-a197-ec65b5aa3556` (deterministic evidence; editorial review pending)
6. **Editorial — Latest News Feature** (Home)
   AI suggestion (95% confidence): Complete blog/news module with eyebrow, large heading, featured article card, date, category, and links to the article and full blog.
   Capture: 1440×837px; page bounds 6400–7237px of 8764px; source section ID: `ae874ca2-3510-4a0f-ae23-425b345e638c`; image: https://media.designdetails.io/library/dc3079fffef1191fd3355b0044386072433b392d3d7e248426ec34935e574b63/ae874ca2-3510-4a0f-ae23-425b345e638c.webp
   SECTION.md v3.2: `ae874ca2-3510-4a0f-ae23-425b345e638c` (deterministic evidence; editorial review pending)
7. **FAQ — FAQ Accordion** (Home)
   AI suggestion (98% confidence): Self-contained FAQ section with heading, contact prompt, and seven consistently styled expandable question rows.
   Capture: 1440×846px; page bounds 7240–8086px of 8764px; source section ID: `23d82c0c-7de5-4bd1-97b6-9b3cd6266f81`; image: https://media.designdetails.io/library/48e8999b96c9bf237d0eb72bb706184ad77b51db1fb994a5f3387e8cfc5b6841/23d82c0c-7de5-4bd1-97b6-9b3cd6266f81.webp
   SECTION.md v3.2: `23d82c0c-7de5-4bd1-97b6-9b3cd6266f81` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/ba0ab14ab7440454a5e1ed7349c9404b1dd96ddfc680c47cebd2b96d25e3b2f2/desktop_full-f43ccff9-2026-10-10T06-02-47-948Z.webp
- Mobile screenshot: https://media.designdetails.io/library/75f37f4828ee86ffcfd83e9dbc2554d5cdb2cbd8436fcbb8af8bc29384074c31/mobile_full-f43ccff9-2026-10-10T06-03-39-894Z.webp
- Open Graph image: https://media.designdetails.io/library/c09d75c57bb17e6e10f43762ce4c62e1b7a68b50e669fcf4fa09be7b68ca85fe/og_image-f43ccff9-2026-10-10T06-02-57-721Z.webp
- Full-page video: https://media.designdetails.io/library/d75bfbae07930d4e9541571efb4607d9ba0e680ce6fcf0d152f1d37d0d679cf6/motion-1791695697756.mp4
- Video poster: https://media.designdetails.io/library/6dcb6b2ddead27b9f17bff370bcd495777ccd7e6602268fe5e1549e881410fec/motion-poster-1791695697756.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Primary Button
- Outline Button
- Feature Collection
- Editorial Card
- Video Frame
- FAQ Accordion
- Newsletter Form
- Footer
- Pinned 3D Feature
- Scroll Revealed Typography

## Quality rubric

Overall: 60.8/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Sharplink executes a polished, internally consistent dark-fintech aesthetic with a genuine cross-section motion narrative (an assembling/deconstructing 3D canister, pinned visuals, scroll-triggered text) and a disciplined Archivo-based type and grid system, but its metallic-3D-on-deep-blue visual language, single-family typography, and narrow accent palette sit squarely within an increasingly common crypto/Web3 marketing template, keeping it solidly in 'good' territory rather than reaching a more distinctive, landmark-level execution.

- Typography (15%): 62 — A single family (Archivo/Archivo Narrow) is used with a deliberate type scale (88/68/44/32/19/16px) and tight negative letter-spacing on display sizes, producing a crisp, precise hierarchy appropriate to the financial-tech register. Uppercase Archivo Narrow labels function as a quasi-mono/eyebrow tier. However, the system relies on one family varied only by weight/size/case, so contrast and personality are limited; it reads competent and controlled rather than distinctive.
- Color (10%): 59 — Palette is restrained and purposeful: deep black/blue canvas, white text, a single saturated blue accent (#0E76FF) for primary actions, and light grey surfaces for alternating sections. This is executed cleanly but is also a very common 'dark fintech/crypto' palette convention, offering little beyond safe, expected contrast choices.
- Layout (20%): 64 — The page uses a consistent grid (visible dotted guide lines), alternating dark/light full-bleed sections, a repeated two-column 'pinned visual + scrolling text' pattern, and a numbered feature list that maps to the pinned 3D object's stages. The FAQ, news card, and footer follow the same grid discipline. It is a coherent system across many sections rather than a one-off hero trick.
- Motion (20%): 66 — Motion is not a single hero flourish: a 3D object assembles/deconstructs/reassembles in forward and reverse across multiple scroll positions, a pinned cylinder stays fixed while text scrolls past, and headline text uses a scramble/decode-in effect tied to scroll position. This constitutes a built narrative motion system rather than an isolated gimmick, though claims about easing quality, frame rate, or smoothness cannot be verified from the evidence.
- Originality (25%): 54 — The literal canister/cylinder-as-'stack' metaphor tied to section copy is a reasonably specific conceptual device rather than generic stock imagery, which has some merit. But the overall idiom — abstract metallic 3D renders, deep blue-to-black gradients, geometric diamond motifs, sharp-corner buttons — is now a widely repeated template across crypto/Web3 and 'institutional DeFi' marketing sites, limiting how distinctive the execution actually is within its genre.
- Content (10%): 61 — Visuals are reasonably tied to adjacent copy (a rising line chart for 'Pioneering Productivity', numbered propositions matching visual stages, FAQ content matching the audience's likely questions, a real news item with date). The integration is functional and sensible rather than deeply bespoke to the content's specifics.

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 dark warped-grid background with a chrome crystal gives the ETH treasury an engineered, almost architectural mood, while the same metallic cylinder reappears through the page like a visual thread. Large pale headlines sit over generous white space, and small line charts and numbered callouts let visitors scan key data without reading dense text.

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