# SWSH — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.joinswsh.com/
Captured: 2026-10-06
CSS measured: 2026-10-06T14:48:13.535Z at 1440×1000 — https://www.joinswsh.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 site utilizes a highly dynamic, visual-first approach characterized by extensive scroll-triggered animations and deep, immersive backgrounds. Typography is prominent and precise, providing clear structural hierarchy through weight and size variations, primarily employing the 'gerstnerProgramm' family. The dark theme is accented by high-contrast vivid colors like orange and deep pink, which are used to draw attention to interactive elements, badges, and key information. The layout heavily relies on large imagery, video grids, and interactive elements such as horizontal galleries and sticky lists, creating an engaging and modern user experience. The design patterns are robust, featuring va

## Classification

- Industry: technology
- Site type: Landing, Blog
- Business model: AI, Software, Agency
- Styles: bold, minimal, photographic, typographic, playful, dynamic, dark-mode-native
- Platform: Custom code
- Technology: Next.js, Three.js

## Typography

- Display: gerstnerProgramm — weight 700; size 80px; line-height 72px; tracking -0.8px; Regular (100% role confidence, computed values)
- Heading: gerstnerProgramm — weight 700; size 60px; line-height 60px; tracking -0.6px; Regular (95% role confidence, computed values)
- Body: gerstnerProgramm — weight 400; size 16px; line-height 22.4px; tracking normal; Regular (90% role confidence, computed values)
- Mono: diatypeMono — weight 500; size 12px; line-height 14.4px; tracking normal; uppercase (85% role confidence, computed values)

## Functional palette

- Canvas — canvas #040404: color-1: computed rgb(4, 4, 4); AI role: Near black background (#040404) for the main body. (100% role confidence, computed values)
- Primary Action — primary action #EE421B: color-7: computed rgb(238, 66, 27); AI role: Vivid orange-red (#EE421B) used for main CTAs and highlights. (100% role confidence, computed values)
- Text — text #EFEFEF: color-6: computed rgb(239, 239, 239); AI role: Off-white (#EFEFEF) used for primary text. (95% role confidence, computed values)
- Surface — surface #222222: color-5: computed rgb(34, 34, 34); AI role: Dark grey (#222222) used for card backgrounds and interactive elements. (90% role confidence, computed values)
- Muted Text — muted text #A5A5A5: color-8: computed rgb(165, 165, 165); AI role: Grey (#A5A5A5) used for secondary text and labels. (90% role confidence, computed values)
- Accent — accent #EE007B: color-29: computed rgb(238, 0, 123); AI role: Deep pink (#EE007B) used for interactive states and specific graphic elements. (85% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "Variety: SWSH closes $4M seed in Music Industry Moves",
        "top": 11410,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "The Fourth Quarter: SWSH in this week in sports business",
        "top": 11840,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Sportico: SWSH raises $4M seed for fan engagement at live events",
        "top": 11468,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 405,
    "contexts": [
      {
        "tag": "span",
        "text": "P",
        "top": 13592,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "r",
        "top": 13592,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "i",
        "top": 13592,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "diatypeMono",
    "fontStack": "diatypeMono, \"diatypeMono Fallback\", \"ABC Diatype Mono\", ui-monospace, monospace",
    "weight": "500",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 269,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 30,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "P",
        "top": 30,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "r",
        "top": 30,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 113,
    "contexts": [
      {
        "tag": "span",
        "text": "We just raised our $4M seed round to redefine live events",
        "top": 365,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Read Post — opens in a new tab",
        "top": 364,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "R",
        "top": 365,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "38px",
    "lineHeight": "38px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Read all customer stories",
        "top": 10530,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "customer stories",
        "top": 10522,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "60px",
    "lineHeight": "60px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 62,
    "contexts": [
      {
        "tag": "span",
        "text": "The world’s largest brands use SWSH to increase event ROI",
        "top": 3920,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "The",
        "top": 3921,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "world’s",
        "top": 3921,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "60px",
    "lineHeight": "60px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "span",
        "text": "Popups",
        "top": 4317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Networking",
        "top": 4401,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sports",
        "top": 4485,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "30px",
    "lineHeight": "30px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 25,
    "contexts": [
      {
        "tag": "span",
        "text": "16k",
        "top": 4323,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "11k",
        "top": 4323,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "13k",
        "top": 4323,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "38px",
    "lineHeight": "38px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "EDC Las Vegas",
        "top": 9472,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "is centralizing community for North America’s largest dance festival",
        "top": 9472,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "5 Seconds of Summer",
        "top": 9859,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "30px",
    "lineHeight": "30px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Madison Beer",
        "top": 4200,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Forbes",
        "top": 4200,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "EDC Las Vegas",
        "top": 4200,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "80px",
    "lineHeight": "72px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Fan engagement",
        "top": 415,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "for live",
        "top": 487,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "events",
        "top": 487,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "43.2px",
    "lineHeight": "43.2px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "34.4k",
        "top": 6058,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "12.3k",
        "top": 6347,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3.2k",
        "top": 6142,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "diatypeMono",
    "fontStack": "diatypeMono, \"diatypeMono Fallback\", \"ABC Diatype Mono\", ui-monospace, monospace",
    "weight": "500",
    "size": "20.9px",
    "lineHeight": "20.9px",
    "letterSpacing": "0.8px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "CRM",
        "top": 6121,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "UGC",
        "top": 6409,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "UPLOADERS",
        "top": 6204,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "80px",
    "lineHeight": "72px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Grow with SWSH",
        "top": 13056,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "gerstnerProgramm",
    "fontStack": "gerstnerProgramm, \"gerstnerProgramm Fallback\", \"Gerstner Programm FSL\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "14px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -50,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#040404",
    "alpha": 1,
    "cssValue": "rgb(4, 4, 4)",
    "count": 47,
    "contexts": [
      {
        "tag": "div",
        "text": "Skip to contentProductsProductsSolutionsSolutionsResourcesResourcesBook demoBook demoLog inLog in{\"@",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -50,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 56,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#101010",
    "alpha": 1,
    "cssValue": "rgb(16, 16, 16)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 89,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Madison Beer16kViews11kUGC",
        "top": 4165,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#08090C",
    "alpha": 1,
    "cssValue": "rgb(8, 9, 12)",
    "count": 1,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to contentProductsProductsSolutionsSolutionsResourcesResourcesBook demoBook demoLog inLog in{\"@",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#040404",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(4, 4, 4, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4531,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#222222",
    "alpha": 1,
    "cssValue": "rgb(34, 34, 34)",
    "count": 40,
    "contexts": [
      {
        "tag": "button",
        "text": "ProductsProducts",
        "top": 17,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 4181,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 11108,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#EFEFEF",
    "alpha": 1,
    "cssValue": "rgb(239, 239, 239)",
    "count": 864,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -50,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 27,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Products",
        "top": 30,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#EE421B",
    "alpha": 1,
    "cssValue": "rgb(238, 66, 27)",
    "count": 91,
    "contexts": [
      {
        "tag": "a",
        "text": "Log inLog in",
        "top": 16,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "R",
        "top": 365,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 403,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#A5A5A5",
    "alpha": 1,
    "cssValue": "rgb(165, 165, 165)",
    "count": 59,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by teams at",
        "top": 904,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Views",
        "top": 4361,
        "property": "text"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 10505,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#1F1F1F",
    "alpha": 1,
    "cssValue": "rgb(31, 31, 31)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": -192,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#290019",
    "alpha": 1,
    "cssValue": "rgb(41, 0, 25)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 610,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 7,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 84,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 12755,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 13867,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#E2CEF3",
    "alpha": 1,
    "cssValue": "rgb(226, 206, 243)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "is centralizing community for North America’s largest dance festival",
        "top": 9472,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Read full case studyRead full case study",
        "top": 9588,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFD1E1",
    "alpha": 1,
    "cssValue": "rgb(255, 209, 225)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Everyone’s a Star! World Tour album live on SWSH",
        "top": 9859,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Read full case studyRead full case study",
        "top": 9975,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#530202",
    "alpha": 1,
    "cssValue": "rgb(83, 2, 2)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 81,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#5A594C",
    "alpha": 1,
    "cssValue": "rgb(90, 89, 76)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12821,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#071040",
    "alpha": 1,
    "cssValue": "rgb(7, 16, 64)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 859,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 931,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#4E505E",
    "alpha": 1,
    "cssValue": "rgb(78, 80, 94)",
    "count": 6,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": -21,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 308,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 281,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FBD9EA",
    "alpha": 1,
    "cssValue": "rgb(251, 217, 234)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "official fan album live on SWSH",
        "top": 10264,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Read full case studyRead full case study",
        "top": 10342,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#C2CFFF",
    "alpha": 1,
    "cssValue": "rgb(194, 207, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 803,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 959,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#290000",
    "alpha": 1,
    "cssValue": "rgb(41, 0, 0)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1025,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#FF3D82",
    "alpha": 1,
    "cssValue": "rgb(255, 61, 130)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "5 Seconds of Summer",
        "top": 9859,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#F8F4EC",
    "alpha": 1,
    "cssValue": "rgb(248, 244, 236)",
    "count": 14,
    "contexts": [
      {
        "tag": "ellipse",
        "text": "",
        "top": 59,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 222,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 147,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#5278FF",
    "alpha": 1,
    "cssValue": "rgb(82, 120, 255)",
    "count": 13,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 848,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 905,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#ECECEC",
    "alpha": 1,
    "cssValue": "rgb(236, 236, 236)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": -21,
        "property": "background"
      },
      {
        "tag": "circle",
        "text": "",
        "top": -15,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#A45FF2",
    "alpha": 1,
    "cssValue": "rgb(164, 95, 242)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "EDC Las Vegas",
        "top": 9472,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#8F9BAE",
    "alpha": 1,
    "cssValue": "rgb(143, 155, 174)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 264,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#2D0800",
    "alpha": 1,
    "cssValue": "rgb(45, 8, 0)",
    "count": 16,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 36,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 758,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 6865,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#D94F92",
    "alpha": 1,
    "cssValue": "rgb(217, 79, 146)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Hilary Duff",
        "top": 10264,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#EE007B",
    "alpha": 1,
    "cssValue": "rgb(238, 0, 123)",
    "count": 37,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 621,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 621,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 793,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#FFBFBF",
    "alpha": 1,
    "cssValue": "rgb(255, 191, 191)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 638,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#170D21",
    "alpha": 1,
    "cssValue": "rgb(23, 13, 33)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Read full case study",
        "top": 9601,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#16070E",
    "alpha": 1,
    "cssValue": "rgb(22, 7, 14)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Read full case study",
        "top": 9987,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#2A0E1B",
    "alpha": 1,
    "cssValue": "rgb(42, 14, 27)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Read full case study",
        "top": 10355,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#EDEDED",
    "alpha": 1,
    "cssValue": "rgb(237, 237, 237)",
    "count": 37,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 196,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 158,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#5778C5",
    "alpha": 1,
    "cssValue": "rgb(87, 120, 197)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 13870,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#EB3131",
    "alpha": 1,
    "cssValue": "rgb(235, 49, 49)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 13882,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#3BAD49",
    "alpha": 1,
    "cssValue": "rgb(59, 173, 73)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 13867,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#F6B60B",
    "alpha": 1,
    "cssValue": "rgb(246, 182, 11)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 13876,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#FFB78A",
    "alpha": 1,
    "cssValue": "rgb(255, 183, 138)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 767,
        "property": "svg-fill"
      }
    ]
  }
]
```

### 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 use of vertical and horizontal whitespace to separate large dynamic sections. Elements are grouped tightly within cards but spaced widely across the broader canvas.
- Corner style: Prevalent use of highly rounded corners (pill shapes) for buttons, tags, and some specific UI components, contrasted with standard rounded rectangles for cards.
- Radius: Varies significantly: buttons and tags are fully rounded (pill), while product UI mockups and cards feature moderate, distinct radii. Circular image frames are a recurring motif.
- Borders: Borders are generally minimal or non-existent, relying on color contrast and shadows (or background fills) to define structural boundaries.
- Buttons: Primary buttons are solid, brightly colored (often #EE421B) with fully rounded edges (pill shape) and bold text. Secondary interactions might use subtle background shifts.
- Content width: Content varies from centered focal points (hero text) to edge-to-edge full-bleed grids and galleries, adapting to the expansive desktop canvas.
- Density: Overall low density, allowing the large typography, videos, and dynamic components room to breathe and animate.
- Evidence: Based on observation of the provided images and DOM/CSS data showing substantial spacing between major sections (e.g., hero to feature list), distinct pill shapes for buttons, clear rounded rectangles for UI cards, and the edge-to-edge nature of the video grid.

## Sections

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

1. **Hero — Fan Engagement for Live Events Hero** (Home)
   AI suggestion (96% confidence): Complete, substantial page-opening hero with navigation, announcement pill, bold value proposition, primary CTA, event-themed visual collage, and trusted-brand logo row. The following oversized typography and media sequence begins a separate section that continues beyond this segment.
   Capture: 1440×1170px; page bounds 0–1170px of 14985px; source section ID: `ac43d0e3-a22a-44f9-9164-8d995c889e30`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/20a1f1f5f4967d35fc7fc603fe696b801a7f08f12c94cd0b12af8b99554b5346/ac43d0e3-a22a-44f9-9164-8d995c889e30.webp
   SECTION.md v3.2: `ac43d0e3-a22a-44f9-9164-8d995c889e30` (deterministic evidence; editorial review pending)
2. **Hero — SWSH Events UGC Platform Hero** (SWSH EventsSWSH EventsSWSH Events)
   AI suggestion (94% confidence): Complete page-opening hero with brand navigation, a strong product headline, supporting copy, demo CTA, and a distinctive multi-phone product showcase; it ends as the numbered product walkthrough begins.
   Capture: 1440×1680px; page bounds 0–1680px of 13677px; source section ID: `70e54e3b-a185-4d97-bac7-14be6a3d02cb`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/1f05117264e37754f63bf182f01b9705da143f5e944a84110bb5948c44bdf7d0/70e54e3b-a185-4d97-bac7-14be6a3d02cb.webp
   SECTION.md v3.2: `70e54e3b-a185-4d97-bac7-14be6a3d02cb` (deterministic evidence; editorial review pending)
3. **Features — Create & customize your album** (SWSH EventsSWSH EventsSWSH Events)
   Reusable feature composition from SWSH EventsSWSH EventsSWSH Events, organized around “Create & customize your album”.
   Capture: 1440×1000px; page bounds 1319–2319px of 13677px; source section ID: `d4cdd3ef-da09-4439-a136-c7a4d7875f16`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/a7cf015669d0e3b4c2e13c46ea0ae70850afc352fd0279c1f8f7c7913eef63b9/section_crop-d4cdd3ef-2026-10-06T15-03-23-729Z.webp
   SECTION.md v3.2: `d4cdd3ef-da09-4439-a136-c7a4d7875f16` (deterministic evidence; editorial review pending)
4. **Features — A shared album A shared album fans love fans love** (SWSH EventsSWSH EventsSWSH Events)
   Reusable feature composition from SWSH EventsSWSH EventsSWSH Events, organized around “A shared album A shared album fans love fans love”.
   Capture: 1440×1622px; page bounds 4869–6491px of 13677px; source section ID: `c848d413-523f-4da0-8fdf-db7ad887045f`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f9104d95683b04e39d8a55fed582b07173e4f8e188eba3da21709c901f7097b8/section_crop-c848d413-2026-10-06T15-03-24-608Z.webp
   SECTION.md v3.2: `c848d413-523f-4da0-8fdf-db7ad887045f` (deterministic evidence; editorial review pending)
5. **Features — All events are growing with SWSH** (Home)
   Reusable feature composition from Home, organized around “All events are growing with SWSH”.
   Capture: 1440×1000px; page bounds 4531–5531px of 14985px; source section ID: `de055dbe-ff70-4d03-b910-451c53f5ea75`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/dcc25daa361ecb959cc6f072092c749fc9db0a85f52bc2f9f0a8fcb4662e046b/section_crop-de055dbe-2026-10-06T14-48-25-382Z.webp
   SECTION.md v3.2: `de055dbe-ff70-4d03-b910-451c53f5ea75` (deterministic evidence; editorial review pending)
6. **Features — Social media tracking Social media tracking for live events for live events** (Home)
   Reusable feature composition from Home, organized around “Social media tracking Social media tracking for live events for live events”.
   Capture: 1440×1186px; page bounds 6908–8094px of 14985px; source section ID: `ee80b9b3-4afd-4678-8355-b1178ec707b8`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/e305bc3960a2aa739175bf8f68e7f54962a38213939aef05655f203a00e1afbb/section_crop-ee80b9b3-2026-10-06T14-48-27-469Z.webp
   SECTION.md v3.2: `ee80b9b3-4afd-4678-8355-b1178ec707b8` (deterministic evidence; editorial review pending)
7. **Features — Trusted by world class Trusted by world class brands and events brands…** (SWSH EventsSWSH EventsSWSH Events)
   Reusable feature composition from SWSH EventsSWSH EventsSWSH Events, organized around “Trusted by world class Trusted by world class brands and events brands…”.
   Capture: 1440×1884px; page bounds 7553–9437px of 13677px; source section ID: `4394a904-2b6c-4877-9d49-29a9ed734c87`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/e11dadbd70f1517cdb7391da96911e79c4b13ebf17e235ee5a8af42a727a4315/section_crop-4394a904-2026-10-06T15-03-26-517Z.webp
   SECTION.md v3.2: `4394a904-2b6c-4877-9d49-29a9ed734c87` (deterministic evidence; editorial review pending)
8. **Footer — SWSH Footer** (SWSH EventsSWSH EventsSWSH Events)
   Closing footer and call-to-action from SWSH EventsSWSH EventsSWSH Events, organized around “SWSH Footer”.
   Capture: 1440×1556px; page bounds 12120–13676px of 13677px; source section ID: `c72a09b7-f9a0-453c-ba99-d3ee70f49488`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b86d6c9eedbab293d4957f4f328c7c54ea3bb9d5da506dee157fd495362ee3dc/section_crop-c72a09b7-2026-10-06T15-03-30-464Z.webp
   SECTION.md v3.2: `c72a09b7-f9a0-453c-ba99-d3ee70f49488` (deterministic evidence; editorial review pending)
9. **Stats — Event ROI Results** (Home)
   AI suggestion (96% confidence): Complete results section with a clear headline, supporting copy, CTA, and three branded metric cards demonstrating customer outcomes.
   Capture: 1440×582px; page bounds 3863–4445px of 14985px; source section ID: `31cb0ed6-934d-40ed-a689-d11efdc88902`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/9d54d1d4a238636d194dfc8731ae720487fcd43a3ee63238a8727c1509281dd7/31cb0ed6-934d-40ed-a689-d11efdc88902.webp
   SECTION.md v3.2: `31cb0ed6-934d-40ed-a689-d11efdc88902` (deterministic evidence; editorial review pending)
10. **Feature Grid — SWSH Events UGC Product Showcase** (Home)
   AI suggestion (94% confidence): Complete product feature section with branded heading, conversion CTA, central three-phone showcase, supporting metrics, and a full row of three labeled feature tiles.
   Capture: 1440×1185px; page bounds 5743–6928px of 14985px; source section ID: `cdc51d5d-ad45-4d18-8342-84ce8cf9cc54`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/acf03e39ba4c51f1636231ecc2574c9008ccb6b78dc85ac55de27fbc6ae18c32/cdc51d5d-ad45-4d18-8342-84ce8cf9cc54.webp
   SECTION.md v3.2: `cdc51d5d-ad45-4d18-8342-84ce8cf9cc54` (deterministic evidence; editorial review pending)
11. **CTA — Enterprise Custom Solutions CTA** (Home)
   AI suggestion (97% confidence): Complete branded conversion panel with a clear enterprise-support message, central action button, and distinctive dotted perspective artwork.
   Capture: 1440×645px; page bounds 8223–8868px of 14985px; source section ID: `9ad5d1b5-efc2-4550-8cc1-3ee770c14370`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/727812073235a509a70af634816495b483574ce4e4f6c582f1bfe00a6283a70a/9ad5d1b5-efc2-4550-8cc1-3ee770c14370.webp
   SECTION.md v3.2: `9ad5d1b5-efc2-4550-8cc1-3ee770c14370` (deterministic evidence; editorial review pending)
12. **Editorial — World-Class Brand Case Studies** (Home)
   AI suggestion (96% confidence): Complete case-study showcase with section heading, supporting copy, three substantial customer-story cards, and a concluding link to all stories.
   Capture: 1440×1647px; page bounds 8982–10629px of 14985px; source section ID: `a6916128-ee00-4ad3-9c50-07d54f3d1393`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/549e8e7cd47fa356fc3a8fc89306e0726fe970167b992aba7995251390b892fd/a6916128-ee00-4ad3-9c50-07d54f3d1393.webp
   SECTION.md v3.2: `a6916128-ee00-4ad3-9c50-07d54f3d1393` (deterministic evidence; editorial review pending)
13. **CTA — Customer Stories CTA** (SWSH EventsSWSH EventsSWSH Events)
   AI suggestion (91% confidence): Complete full-width conversion banner with a clear customer-stories prompt, decorative accents, and contrasting action button.
   Capture: 1440×144px; page bounds 9174–9318px of 13677px; source section ID: `9a13f7af-e6b6-4c4f-887d-19d3097b2310`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/78af1d47fba3861d478e1489abdd685735940a4492191e21a60ed040e6dd3154/9a13f7af-e6b6-4c4f-887d-19d3097b2310.webp
   SECTION.md v3.2: `9a13f7af-e6b6-4c4f-887d-19d3097b2310` (deterministic evidence; editorial review pending)
14. **Editorial — Latest News and Updates** (SWSH EventsSWSH EventsSWSH Events)
   AI suggestion (96% confidence): Complete editorial section with its own heading, primary action, and a cohesive six-card news grid whose beginning and ending are visible.
   Capture: 1440×1245px; page bounds 9405–10650px of 13677px; source section ID: `9b0aacff-66b7-4e62-831c-97f133a6a2ed`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/5398a36627542e6e2a777dec3682ff8ae28d82024565ae87d643c48c24c6136d/9b0aacff-66b7-4e62-831c-97f133a6a2ed.webp
   SECTION.md v3.2: `9b0aacff-66b7-4e62-831c-97f133a6a2ed` (deterministic evidence; editorial review pending)
15. **FAQ — Frequently Asked Questions** (Home)
   AI suggestion (98% confidence): Complete, self-contained FAQ panel with a prominent title and six consistent accordion rows.
   Capture: 1440×798px; page bounds 12011–12809px of 14985px; source section ID: `d828f5ba-d617-41d8-8fb2-0572bf557e96`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/60306aee53d720bf0fd06c900ab1bb2a658c29f5f15002e8030870e93459143d/d828f5ba-d617-41d8-8fb2-0572bf557e96.webp
   SECTION.md v3.2: `d828f5ba-d617-41d8-8fb2-0572bf557e96` (deterministic evidence; editorial review pending)
16. **CTA — Grow with SWSH** (Home)
   AI suggestion (94% confidence): Complete conversion section with a prominent headline, Book Demo button, and a distinctive collage of rounded event imagery.
   Capture: 1440×437px; page bounds 13000–13437px of 14985px; source section ID: `1591bc1c-0abd-4fce-9324-4c12d8e3b823`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/812fbfa95337e9ce12f59a6ba22012e7f996116d4907f9369e9b39abeb4af354/1591bc1c-0abd-4fce-9324-4c12d8e3b823.webp
   SECTION.md v3.2: `1591bc1c-0abd-4fce-9324-4c12d8e3b823` (deterministic evidence; editorial review pending)
17. **Gallery — Event Culture Photo Collage** (SWSH EventsSWSH EventsSWSH Events)
   AI suggestion (82% confidence): A complete page-ending composition of circular event and performance photography arranged around a prominent central brand mark; visually distinctive and reusable as an immersive brand gallery treatment.
   Capture: 1440×430px; page bounds 13247–13677px of 13677px; source section ID: `a40d37ce-636f-47af-98d7-b06c568e94ff`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c32780a186a29c02589e9fd42a00546e99d4823adf3358d022b277c71b5742c8/a40d37ce-636f-47af-98d7-b06c568e94ff.webp
   SECTION.md v3.2: `a40d37ce-636f-47af-98d7-b06c568e94ff` (deterministic evidence; editorial review pending)
18. **Footer — SWSH site footer** (Home)
   AI suggestion (90% confidence): Complete page-ending footer with grouped navigation links, social and app-store links, legal details, and a branded photographic logo composition at the bottom.
   Capture: 1440×1548px; page bounds 13437–14985px of 14985px; source section ID: `1a5d9f5b-9fb6-4e4f-a0d4-d675e9e86d54`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/08f259801a24044ae1dbaa0806cf73c3ff4b6d1bbf70e6ede150bacf46fee183/1a5d9f5b-9fb6-4e4f-a0d4-d675e9e86d54.webp
   SECTION.md v3.2: `1a5d9f5b-9fb6-4e4f-a0d4-d675e9e86d54` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f60e6cac731421cacb0520e00df4e053e720f14d6d46da18c8f4243db820da96/desktop_full-020f8f66-2026-10-06T14-48-13-562Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/394848c942a2de4be66b34b8f056f568d99ed45247ef408ee72fce9ad2459eae/mobile_full-020f8f66-2026-10-06T14-49-10-996Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/dd3e43a04d9f20dfe87f18477a8a1554991f4211e723bdcfe2d141cad194585c/og_image-020f8f66-2026-10-06T14-48-22-695Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/fa0b18daa879a1856994be39e3d8809d08f6fef31a91c46067d9a2fd62aa9dd0/motion-1791299429230.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c26b3b6c83419d651ce67844cabb2095abc39a88d54f91344189dd2b757e6ab9/motion-poster-1791299429230.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
- Product Card
- Feature Collection
- Editorial Card
- Stat Block
- Logo Strip
- Gallery
- Video Frame
- Primary Button
- Tag
- Badge
- Product UI
- FAQ Accordion
- Footer
- Floating Interactive Elements
- Sticky Horizontal Scroll
- Expanding Grid Reveal

## Quality rubric

Overall: 57.65/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: SWSH executes a dense, motion-heavy dark-mode SaaS marketing site with a disciplined color system and real, well-integrated case-study content, but its structural vocabulary — logo strip, FAQ accordion, sticky feature list, stat-card-plus-mockup — is drawn from a very common startup playbook, and its most original ideas (hero video-grid expansion, footer logo formation from fan photos) are confined to two bookend moments rather than a page-wide system, keeping the overall execution solidly competent rather than exceptional.

- Typography (15%): 58 — A single family (gerstnerProgramm) is used across a wide range of weights and sizes (80px/72px display down to 14px labels) with consistent negative tracking at large sizes and a monospace uppercase label family for metadata, giving a legible, intentional hierarchy. However, the system is a conventional bold-sans-plus-mono-label pairing common to current SaaS marketing sites, with no distinctive letterforms, optical sizing nuance, or expressive typographic moments beyond scale contrast.
- Color (10%): 60 — The core UI palette (near-black #040404 canvas, off-white #EFEFEF text, muted grey #A5A5A5 secondary text, orange-red #EE421B primary action, pink #EE007B accent) is coherent, high-contrast, and consistently applied to buttons, tags, and highlighted text across the page. The palette is functional and on-brand for a dark, energetic live-events product, but it is a very common dark-mode-plus-single-accent formula, and many additional hues (blues, purples, greens) appear only as byproducts of embedded photography/video rather than a deliberately extended system.
- Layout (20%): 63 — The page strings together a genuine sequence of distinct layout modes—full-bleed hero with floating decorative elements, an expanding video grid, a centered interactive event-type list, a sticky horizontal feature gallery, stat blocks paired with app mockups, full-width case-study rows, a logo strip, an FAQ accordion, and a footer with a circular-image motif—each internally organized with generous spacing. This breadth suggests a considered system rather than a single novel section. It remains, however, a fairly standard assembly of SaaS marketing-page patterns (feature cards, logo strip, FAQ, stat blocks) stitched together, without unusual grid logic or compositional risk-taking beyond the expanding-grid and sticky-gallery devices.
- Motion (20%): 63 — Motion is used extensively and across most of the page rather than confined to the hero: parallax-floating background circles, a headline-to-video-grid expansion, an interactive event-type list with coupled image swaps, a sticky horizontal feature gallery with active-state highlighting, scroll-triggered reveals for case studies/news, and a footer sequence where circular images rotate and assemble into the brand mark. This breadth across six-plus distinct scroll moments indicates a built motion system rather than an isolated effect. No evidence establishes easing quality, frame smoothness, or how motion degrades under reduced-motion/accessibility settings, which caps confidence in execution quality.
- Originality (25%): 47 — The site layers several custom touches—floating parallax ephemera, a hero video that expands into a full UGC grid, and a footer where circular fan photos rotate into the brand's wordmark/icon—that go beyond a stock template. But the overall idiom (dark-mode SaaS, pill-shaped orange CTA, sticky feature list, logo strip, FAQ accordion, stat-callout cards next to phone mockups) closely matches a now-common startup marketing playbook seen across many funded B2B/consumer apps. No single idea here is hard to substitute with a generic equivalent; the footer logo-formation and grid-expansion are the most bespoke elements but function as a single enhanced hero/footer gimmick rather than a page-wide original system.
- Content (10%): 60 — Content is reasonably well fused with the visual system: real case studies (Madison Beer, EDC Las Vegas, Forbes, 5SOS, Hilary Duff) are paired with brand-specific accent colors and authentic metrics (16k views, 11k UGC, 52% auto-tagged) displayed as integrated stat chips rather than generic placeholder numbers, and product screenshots (CRM dashboard, content library) appear directly within feature explanations. This grounds the marketing claims in specific, checkable detail. Content still leans on familiar SaaS proof patterns (logo strip, stat cards, FAQ) rather than a more narrative or data-driven presentation unique to the fan-engagement subject matter.

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

A near black canvas lets scattered festival photos, orange accent buttons, and a huge bold headline pop against the dark, giving the hero a late night concert mood. Small round avatar bubbles, chat style notifications, and logo bars break up the long scroll into clear, scannable proof points without crowding the main message.

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