# Wowww studio — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://wowww.art/
Captured: 2026-11-13
CSS measured: 2026-11-13T17:17:19.112Z at 1440×1000 — https://wowww.art/
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: Not recorded
Judge: Not recorded

## Design direction

A design studio crafting websites with the wowww effect. Stores, products, tools and games.

## Classification

- Industry: creative
- Site type: Landing, Store
- Business model: Shopping, Software, Portfolio
- Styles: minimal, bold, typographic, photographic
- Platform: Custom code
- Technology: Next.js

## Typography

- Primary: Anton

## Functional palette

- Primary: #2080FF
- Primary: #E0E0FF
- Accent: #A0E040

## 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": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "733",
    "size": "106.6px",
    "lineHeight": "101.2px",
    "letterSpacing": "-5.1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Let's make it wow.wow.",
        "top": 12310,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "wow.",
        "top": 12298,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "w",
        "top": 12310,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "23px",
    "lineHeight": "26.5px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Websites",
        "top": 9658,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Brand",
        "top": 9658,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Apps & tools",
        "top": 9658,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "27.4px",
    "lineHeight": "27.4px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Scound",
        "top": 5466,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Convexity",
        "top": 6227,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "javiitools & dump",
        "top": 7003,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "54.7px",
    "lineHeight": "60.2px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "There's more on the wall.",
        "top": 7629,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "wall",
        "top": 7629,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "54.7px",
    "lineHeight": "71.1px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "What our clients say",
        "top": 8732,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Times",
    "fontStack": "Times",
    "weight": "700",
    "size": "32px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "wowww, a design studio creating websites with the wowww effect",
        "top": 500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Times",
    "fontStack": "Times",
    "weight": "700",
    "size": "24px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Selected work",
        "top": 4620,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "15.8px",
    "lineHeight": "22.5px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Sites people remember, and come back to.",
        "top": 9693,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A look that is yours from the first glance.",
        "top": 9693,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Products people use every day, and like to.",
        "top": 9693,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "18.7px",
    "lineHeight": "25.5px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "A great eye for design ✨",
        "top": 8290,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Go-to for ship velocity",
        "top": 8528,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "420",
    "size": "60.5px",
    "lineHeight": "59.3px",
    "letterSpacing": "-2.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Websites with thewowww effect.",
        "top": 15999,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "21.6px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Taking projects for Q4 2026",
        "top": 12500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "20.9px",
    "lineHeight": "29.6px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Design, code and motion, from one small team in Madrid. From the first sketch to the site live.",
        "top": 9383,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "20.2px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Got an idea?",
        "top": 12269,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Tell us what you’re making. We write back within a day.",
        "top": 10935,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Times",
    "fontStack": "Times",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "we are a design studio creating websites that create that WOWWW effect",
        "top": 1500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "823",
    "size": "194px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 22,
    "contexts": [
      {
        "tag": "text",
        "text": "W",
        "top": 16203,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "O",
        "top": 16199,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "W",
        "top": 16233,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "15.8px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "li",
        "text": "Landing pages",
        "top": 9781,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Online stores",
        "top": 9811,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Product sites",
        "top": 9841,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "15px",
    "lineHeight": "normal",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "Website",
        "top": 11228,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Brand",
        "top": 11228,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "App",
        "top": 11228,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "56px",
    "lineHeight": "58.8px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "It’s",
        "top": 10952,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "in",
        "top": 10952,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "the",
        "top": 10952,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "23.8px",
    "lineHeight": "30.9px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "What do you make?",
        "top": 15280,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "How much does a project cost?",
        "top": 15376,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "How long does it take?",
        "top": 15472,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "80.6px",
    "lineHeight": "82.3px",
    "letterSpacing": "-3.7px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Everything",
        "top": 9273,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "it",
        "top": 9273,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "takes",
        "top": 9273,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "li",
        "text": "cristinasevi: They're amazing front-end developers, great people, and coffee people. They're always ",
        "top": 8850,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Pacorro: They're a go-to team for iteration and ship velocity. They independently find smart, creati",
        "top": 8868,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Seergio: Very thorough work! I started working with them on a simple project, and since then, I have",
        "top": 8886,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "733",
    "size": "103.7px",
    "lineHeight": "120.3px",
    "letterSpacing": "-3.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "design",
        "top": 1317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "design",
        "top": 1317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "studio",
        "top": 1317,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "17px",
    "lineHeight": "20.4px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Name",
        "top": 11021,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Email",
        "top": 11077,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Company or brand",
        "top": 11133,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "16.6px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "© 2026 wowww studio",
        "top": 16528,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Accessibility mode",
        "top": 16528,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Reduce lag",
        "top": 16528,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "12.5px",
    "lineHeight": "14.4px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Maya",
        "top": 12379,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Leo",
        "top": 12068,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Nora",
        "top": 12107,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "72px",
    "lineHeight": "74.9px",
    "letterSpacing": "-3.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Start",
        "top": 10844,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 10844,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "project",
        "top": 10844,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "66.2px",
    "lineHeight": "68.9px",
    "letterSpacing": "-2.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Questions,",
        "top": 15247,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "answered.",
        "top": 15315,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "44.9px",
    "lineHeight": "61.2px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "say",
        "top": 8731,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "say",
        "top": 8401,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "17.3px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "b",
        "text": "18:17",
        "top": 16145,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "hello@wowww.artCopied",
        "top": 16145,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "legend",
        "text": "What do you need?",
        "top": 11199,
        "property": "font"
      },
      {
        "tag": "legend",
        "text": "Budget",
        "top": 11294,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Anton",
    "fontStack": "Anton, \"Anton Fallback\"",
    "weight": "400",
    "size": "1000px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "text",
        "text": "W",
        "top": 39,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "733",
    "size": "60.5px",
    "lineHeight": "59.3px",
    "letterSpacing": "-2.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "wowww effect.",
        "top": 16052,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "44.9px",
    "lineHeight": "61.2px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "say",
        "top": 8637,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "625",
    "size": "21.6px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "b",
        "text": "Q4 2026",
        "top": 12500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "18.7px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Anything else?",
        "top": 15412,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "17.3px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "li",
        "text": "Madrid 18:17",
        "top": 16145,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "405",
    "size": "15px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Optional",
        "top": 11134,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Scroll",
        "top": 910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "text",
    "fontStack": "text, system-ui, sans-serif, sans-serif",
    "weight": "515",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "button",
        "text": "3D configurator",
        "top": 5406,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Store",
        "top": 5406,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Web game",
        "top": 5406,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 135,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -988,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Accessibility mode",
        "top": -988,
        "property": "control-background"
      },
      {
        "tag": "h1",
        "text": "wowww, a design studio creating websites with the wowww effect",
        "top": 500,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 67,
    "contexts": [
      {
        "tag": "body",
        "text": "(() => { const set = () => { const { style } = document.documentElement; if (!matchMedia(\"(pointer: ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -988,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Accessibility mode",
        "top": -988,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F5F5F7",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 247)",
    "count": 19,
    "contexts": [
      {
        "tag": "h3",
        "text": "Scound",
        "top": 5466,
        "property": "background"
      },
      {
        "tag": "figure",
        "text": "3D configuratorStoreWeb gameMascot IDPasswordNewsletter",
        "top": 5395,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 9999,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#6E737B",
    "alpha": 1,
    "cssValue": "rgb(110, 115, 123)",
    "count": 14,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 600,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 600,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#6F737C",
    "alpha": 1,
    "cssValue": "rgb(111, 115, 124)",
    "count": 14,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 602,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 602,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#6F747C",
    "alpha": 1,
    "cssValue": "rgb(111, 116, 124)",
    "count": 10,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 604,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 604,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#70747D",
    "alpha": 1,
    "cssValue": "rgb(112, 116, 125)",
    "count": 10,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 605,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 605,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#71767F",
    "alpha": 1,
    "cssValue": "rgb(113, 118, 127)",
    "count": 10,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 609,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 609,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#70757E",
    "alpha": 1,
    "cssValue": "rgb(112, 117, 126)",
    "count": 10,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 607,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 607,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#71757E",
    "alpha": 1,
    "cssValue": "rgb(113, 117, 126)",
    "count": 8,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 608,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 608,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#72777F",
    "alpha": 1,
    "cssValue": "rgb(114, 119, 127)",
    "count": 8,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 610,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 610,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#737780",
    "alpha": 1,
    "cssValue": "rgb(115, 119, 128)",
    "count": 8,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 611,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 611,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#747981",
    "alpha": 1,
    "cssValue": "rgb(116, 121, 129)",
    "count": 8,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 614,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 614,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#1665FF",
    "alpha": 1,
    "cssValue": "rgb(22, 101, 255)",
    "count": 28,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 16225,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 16393,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 16393,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#797E87",
    "alpha": 1,
    "cssValue": "rgb(121, 126, 135)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 620,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 620,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#737880",
    "alpha": 1,
    "cssValue": "rgb(115, 120, 128)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 612,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 612,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#747881",
    "alpha": 1,
    "cssValue": "rgb(116, 120, 129)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 613,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 613,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#757982",
    "alpha": 1,
    "cssValue": "rgb(117, 121, 130)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 615,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 615,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#757A83",
    "alpha": 1,
    "cssValue": "rgb(117, 122, 131)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 615,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 615,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#767B83",
    "alpha": 1,
    "cssValue": "rgb(118, 123, 131)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 616,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 616,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#767B84",
    "alpha": 1,
    "cssValue": "rgb(118, 123, 132)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 617,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 617,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#777C84",
    "alpha": 1,
    "cssValue": "rgb(119, 124, 132)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 618,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#787D85",
    "alpha": 1,
    "cssValue": "rgb(120, 125, 133)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 619,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 619,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#797D86",
    "alpha": 1,
    "cssValue": "rgb(121, 125, 134)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 619,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 619,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#7A7E87",
    "alpha": 1,
    "cssValue": "rgb(122, 126, 135)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 620,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 620,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#7A7F88",
    "alpha": 1,
    "cssValue": "rgb(122, 127, 136)",
    "count": 6,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 621,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 621,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#777C85",
    "alpha": 1,
    "cssValue": "rgb(119, 124, 133)",
    "count": 4,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 618,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 618,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#7B8088",
    "alpha": 1,
    "cssValue": "rgb(123, 128, 136)",
    "count": 4,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 622,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 622,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#7C8189",
    "alpha": 1,
    "cssValue": "rgb(124, 129, 137)",
    "count": 4,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 623,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 623,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#7B8089",
    "alpha": 1,
    "cssValue": "rgb(123, 128, 137)",
    "count": 4,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 622,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 622,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#FFFFFF",
    "alpha": 0.1411764705882353,
    "cssValue": "rgba(255, 255, 255, 0.14)",
    "count": 7,
    "contexts": [
      {
        "tag": "ul",
        "text": "What do you make?Websites, brands and apps, with motion and 3D where they need it: online stores, la",
        "top": 15247,
        "property": "border"
      },
      {
        "tag": "li",
        "text": "What do you make?Websites, brands and apps, with motion and 3D where they need it: online stores, la",
        "top": 15248,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#DBDEE3",
    "alpha": 1,
    "cssValue": "rgb(219, 222, 227)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 555,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 555,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#D5D8DE",
    "alpha": 1,
    "cssValue": "rgb(213, 216, 222)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 555,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 555,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#D3D6DC",
    "alpha": 1,
    "cssValue": "rgb(211, 214, 220)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 556,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 556,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#D1D4DA",
    "alpha": 1,
    "cssValue": "rgb(209, 212, 218)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 556,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 556,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#CFD2D9",
    "alpha": 1,
    "cssValue": "rgb(207, 210, 217)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 557,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 557,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#CED1D7",
    "alpha": 1,
    "cssValue": "rgb(206, 209, 215)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 557,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 557,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#CCCFD6",
    "alpha": 1,
    "cssValue": "rgb(204, 207, 214)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 558,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 558,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#CBCED5",
    "alpha": 1,
    "cssValue": "rgb(203, 206, 213)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 558,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 558,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#C9CCD3",
    "alpha": 1,
    "cssValue": "rgb(201, 204, 211)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 559,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 559,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#C7CBD1",
    "alpha": 1,
    "cssValue": "rgb(199, 203, 209)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 559,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 559,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#C6C9D0",
    "alpha": 1,
    "cssValue": "rgb(198, 201, 208)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 560,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 560,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#C4C8CE",
    "alpha": 1,
    "cssValue": "rgb(196, 200, 206)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 560,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 560,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#C3C6CD",
    "alpha": 1,
    "cssValue": "rgb(195, 198, 205)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 561,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 561,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#C1C5CB",
    "alpha": 1,
    "cssValue": "rgb(193, 197, 203)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 561,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 561,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#C0C3CA",
    "alpha": 1,
    "cssValue": "rgb(192, 195, 202)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 562,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 562,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#BEC2C9",
    "alpha": 1,
    "cssValue": "rgb(190, 194, 201)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 562,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 562,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#BDC0C7",
    "alpha": 1,
    "cssValue": "rgb(189, 192, 199)",
    "count": 2,
    "contexts": [
      {
        "tag": "polygon",
        "text": "",
        "top": 563,
        "property": "svg-fill"
      },
      {
        "tag": "polygon",
        "text": "",
        "top": 563,
        "property": "svg-stroke"
      }
    ]
  }
]
```

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

Design tokens have not been analysed yet.

## Sections

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

1. **Hero — Chrome wordmark on black** (Home)
   Large glossy letters with editing handles against pure black show the studio's craft and motion focus before any copy.
   Capture: 1440×949px; page bounds 51–1000px of 12183px; source section ID: `cacdc760-68db-46be-9b78-80b327f7fc52`; image: https://media.designdetails.io/library/32897333c2e95b9076688b4a300edadefca2ffeec28cc4f6c2b0ff3a7cfadbfe/cacdc760-68db-46be-9b78-80b327f7fc52.webp
   SECTION.md v3.2: `cacdc760-68db-46be-9b78-80b327f7fc52` (deterministic evidence; editorial review pending)
2. **Gallery — Selected work with project card** (Home)
   A big black animated statement leads into a project card with description and app window mockup side by side.
   Capture: 1440×777px; page bounds 1997–2774px of 12183px; source section ID: `982fdddb-f3aa-48b8-8613-e2b45ea905f2`; image: https://media.designdetails.io/library/eb0798c947832245e3ecb1f03b955fa4a3612a467ab0fd7799c7b0ca0544ab06/section-manual-982fdddb-f3aa-48b8-8613-e2b45ea905f2-1794775298641.webp
   SECTION.md v3.2: `982fdddb-f3aa-48b8-8613-e2b45ea905f2` (deterministic evidence; editorial review pending)
3. **Gallery — Second project beside screenshot** (Home)
   The mirrored layout puts the screenshot left and short text right, so each project reads at a glance.
   Capture: 1440×741px; page bounds 2812–3553px of 12183px; source section ID: `761c0f39-1faa-4940-89f8-d12c06973000`; image: https://media.designdetails.io/library/6611f95daf794e433de4ebfda1781bda2f1c22d092142023a3bbf5bd8479bb1d/section-manual-761c0f39-1faa-4940-89f8-d12c06973000-1794775304671.webp
   SECTION.md v3.2: `761c0f39-1faa-4940-89f8-d12c06973000` (deterministic evidence; editorial review pending)
4. **Gallery — Third project with visit button** (Home)
   A browser-window mockup next to a label, one line and a pill button keeps the rhythm and gives a clear action.
   Capture: 1440×777px; page bounds 3553–4330px of 12183px; source section ID: `2c7c9578-431d-4c92-aa57-12bd6eae224a`; image: https://media.designdetails.io/library/b4e1dcd91e8cc2273185d5ec464d7e46d22421f71f028304348214b22f3fc1d0/2c7c9578-431d-4c92-aa57-12bd6eae224a.webp
   SECTION.md v3.2: `2c7c9578-431d-4c92-aa57-12bd6eae224a` (deterministic evidence; editorial review pending)
5. **CTA — More work link with icon** (Home)
   A centered heading and one dark pill button send visitors to the full portfolio without clutter.
   Capture: 1440×428px; page bounds 4330–4758px of 12183px; source section ID: `e8b0d75c-fb05-4e4b-bddb-22e2b2dfc50f`; image: https://media.designdetails.io/library/dbdfe2e85bc5870437df18216545a4c68fd977d65a4ceab89aa048897e323dea/e8b0d75c-fb05-4e4b-bddb-22e2b2dfc50f.webp
   SECTION.md v3.2: `e8b0d75c-fb05-4e4b-bddb-22e2b2dfc50f` (deterministic evidence; editorial review pending)
6. **Testimonials — Floating chat bubbles around heading** (Home)
   Playful speech bubbles, avatars and logos scattered around the heading hint at client voices in a lively, memorable way.
   Capture: 1440×1176px; page bounds 4758–5934px of 12183px; source section ID: `de939add-42c6-4f1f-833e-3c08ebd7c110`; image: https://media.designdetails.io/library/3bce769087e6979bc9c889de9adf6f60109ca7de0563d4815d36fa568f2601ba/de939add-42c6-4f1f-833e-3c08ebd7c110.webp
   SECTION.md v3.2: `de939add-42c6-4f1f-833e-3c08ebd7c110` (deterministic evidence; editorial review pending)
7. **Features — Four service columns with icons** (Home)
   A big heading, colored icons and short lists in four columns make the offer scannable, with a playful icon panel below.
   Capture: 1440×1625px; page bounds 5934–7559px of 12183px; source section ID: `ae991dd1-3e18-4cda-a934-fb93ab8df44a`; image: https://media.designdetails.io/library/481e0d0eba761932048c3ea049422dd5909765bab18e8870a29ee2b3fe7c5c37/ae991dd1-3e18-4cda-a934-fb93ab8df44a.webp
   SECTION.md v3.2: `ae991dd1-3e18-4cda-a934-fb93ab8df44a` (deterministic evidence; editorial review pending)
8. **Forms — Project brief form with mailbox** (Home)
   Grouped fields, chip choices for needs and budget, and a dark submit button make a brief quick to fill, with a mailbox illustration.
   Capture: 1440×1139px; page bounds 7559–8698px of 12183px; source section ID: `8c1ee1b6-f1c6-413e-b09e-47f98ad05c2e`; image: https://media.designdetails.io/library/a476bee7867215df06df9c43571505cd6decf969a0b40f2739a57e62c4b2b53f/8c1ee1b6-f1c6-413e-b09e-47f98ad05c2e.webp
   SECTION.md v3.2: `8c1ee1b6-f1c6-413e-b09e-47f98ad05c2e` (deterministic evidence; editorial review pending)
9. **CTA — Bold closing call on black** (Home)
   A huge white headline and availability note on black, under a colorful pattern, make the final invitation clear and urgent.
   Capture: 1440×2000px; page bounds 8698–10698px of 12183px; source section ID: `3557e33c-48df-4eb7-bd24-b32048322411`; image: https://media.designdetails.io/library/769c35403b4f7b637d0bd7b59bcded6ea0eca2004316930307cc03d3e735ce4a/3557e33c-48df-4eb7-bd24-b32048322411.webp
   SECTION.md v3.2: `3557e33c-48df-4eb7-bd24-b32048322411` (deterministic evidence; editorial review pending)
10. **FAQ — Accordion questions on dark** (Home)
   Thin divider lines and plus icons in a single column let visitors scan questions and open only what they need.
   Capture: 1440×866px; page bounds 10698–11564px of 12183px; source section ID: `338e03bb-1ab5-4ee4-a7cf-1f6bb574d9c9`; image: https://media.designdetails.io/library/7210832b3c096f9ca8091a09154927cd1cbf038f0514be38f8f6b8c3826d04e3/338e03bb-1ab5-4ee4-a7cf-1f6bb574d9c9.webp
   SECTION.md v3.2: `338e03bb-1ab5-4ee4-a7cf-1f6bb574d9c9` (deterministic evidence; editorial review pending)
11. **Footer — Dark footer with links and badge** (Home)
   A bold tagline, contact details, small link stack and oversized blue badge give a branded close with easy navigation.
   Capture: 1440×619px; page bounds 11564–12183px of 12183px; source section ID: `950c0657-b0c2-4bed-8efe-5208b7cf3bbf`; image: https://media.designdetails.io/library/21a38a28f7f96e75943b8759f061b26ef51bdc0b91da14870e584d91717fcd5c/950c0657-b0c2-4bed-8efe-5208b7cf3bbf.webp
   SECTION.md v3.2: `950c0657-b0c2-4bed-8efe-5208b7cf3bbf` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/45f2cae008f63ab3bb2e719acff28a3962e8259d0b4fc32b011fdb55c519a6e2/desktop_full-4a700522-2026-11-13T17-17-19-131Z.webp
- Mobile screenshot: Not captured
- Open Graph image: https://media.designdetails.io/library/2d2d46c58f4507e751c6e09a3ed29b78b6e01b316d07e814a137e3fbdb1e26da/og_image-4a700522-2026-11-13T17-17-28-010Z.webp
- Full-page video: https://media.designdetails.io/library/61994ea16d00017b8aed56d3572710a5d35d05922c6e67295799f31c7b29d143/motion-1794591049889.mp4
- Video poster: https://media.designdetails.io/library/12aed7a83300d1c63ba0f843c5ae422b1b567fa6c8c955900ac2de9b0b7b7830/motion-poster-1794591049889.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
- Navigation
- Gallery
- Call to action
- Testimonials
- Feature collection
- Form
- FAQ
- Footer

## Quality rubric

Legacy score hidden pending rubric 3.2 rescore.

Not scored yet.

Coverage: 0% 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

Checklist pending.

## Curator notes

A giant chrome and pixel-glitch WW logo on black, shown mid-edit with vector anchor points, signals a studio that treats its own homepage as a live design file. Below, a white background with browser-window mockups lets each client project pop in full colour, pacing the page from loud intro to calm, scannable portfolio.

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