# Nothin' — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.noth.in/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:15:26.161Z at 1440×1000 — https://www.noth.in/
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 uses a brutalist, typography-driven design language characterized by stark contrasts, massive sans-serif headings, and a stark black-and-white canvas, interspersed with vivid imagery and video content. The visual rhythm is highly asymmetric, mixing full-width video with scattered grid elements and floating objects. A core element is the massive 'NOTHIN'' logo that anchors the beginning and end of the page.

## Classification

- Industry: creative
- Site type: Portfolio
- Business model: AI, Agency
- Styles: brutalist, typographic, minimal, high-contrast-editorial
- Platform: Webflow
- Technology: Three.js

## Typography

- Display: Ppneuemontreal — weight 500; size 72px; line-height 72px; tracking -0.7px; Regular (90% role confidence, computed values)
- Heading: Ppneuemontreal — weight 500; size 36px; line-height 39.6px; tracking -0.4px; Regular (85% role confidence, computed values)
- Body: Ppneuemontreal Book — weight 400; size 16.2px; line-height 16.2px; tracking normal; Regular (90% role confidence, computed values)
- Mono: IBM Plex Mono — weight 500; size 10.8px; line-height 10.8px; tracking 0.3px; uppercase (80% role confidence, computed values)

## Functional palette

- Canvas — canvas #000000: color-1: computed rgb(0, 0, 0); AI role: Black used extensively for the background of major sections. (95% role confidence, computed values)
- Text — text #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: White text on black backgrounds. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: White used for the background of the initial hero section. (90% role confidence, computed values)
- Text — text #000000: color-1: computed rgb(0, 0, 0); AI role: Black text on white backgrounds. (90% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "12.6px",
    "lineHeight": "15.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Sara Guedj",
        "top": 9401,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Anne-Sophie Do",
        "top": 9416,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Gabriel Guedj",
        "top": 9431,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "10.8px",
    "lineHeight": "15.1px",
    "letterSpacing": "1.1px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "book a call",
        "top": 96,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "book a call",
        "top": 11626,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "drop us an email",
        "top": 11626,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Ppneuemontreal Book",
    "fontStack": "\"Ppneuemontreal Book\", Arial, sans-serif",
    "weight": "400",
    "size": "16.2px",
    "lineHeight": "16.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 331,
    "contexts": [
      {
        "tag": "span",
        "text": "e",
        "top": 9858,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 9858,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "r",
        "top": 9954,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "22.5px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Not a style, a perspective.",
        "top": 14,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Because Nothin’ is Everythin’.",
        "top": 37,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Where taste meets meaning.",
        "top": 2524,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "400",
    "size": "16.2px",
    "lineHeight": "19.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "or something unexpected.",
        "top": 7976,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "We design :",
        "top": 8487,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Brand identities",
        "top": 8487,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "700",
    "size": "10.8px",
    "lineHeight": "10.8px",
    "letterSpacing": "0.3px",
    "traits": "uppercase",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "menu",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "works",
        "top": 55,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "STUDIO",
        "top": 67,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "IBM Plex Mono",
    "fontStack": "\"IBM Plex Mono\", sans-serif",
    "weight": "500",
    "size": "10.8px",
    "lineHeight": "10.8px",
    "letterSpacing": "0.3px",
    "traits": "uppercase",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Utopia",
        "top": 2499,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Aurbse",
        "top": 2675,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "In_Cognita",
        "top": 3351,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "72px",
    "lineHeight": "72px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Most brands produce content.",
        "top": 1149,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "We prefer ideas.",
        "top": 1221,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Forms follow",
        "top": 8264,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16.2px",
    "lineHeight": "19.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "( The step aside )",
        "top": 2086,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "In a world of infinite images, the rare thing is",
        "top": 2086,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "clarity. Images defend ideas, experiences",
        "top": 2105,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "700",
    "size": "27px",
    "lineHeight": "29.7px",
    "letterSpacing": "-0.8px",
    "traits": "uppercase",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "w",
        "top": 2285,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "o",
        "top": 2285,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "r",
        "top": 2285,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "22.5px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "( The Studio )",
        "top": 7507,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "We called it Nothin’ because it started as a paradox,",
        "top": 7507,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "an empty space open enough to become anything:",
        "top": 7534,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "700",
    "size": "18px",
    "lineHeight": "19.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "F",
        "top": 11017,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "A",
        "top": 11017,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Q",
        "top": 11017,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16.2px",
    "lineHeight": "16.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "(",
        "top": 5240,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "07",
        "top": 5240,
        "property": "font"
      },
      {
        "tag": "div",
        "text": ")",
        "top": 5240,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "39.6px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Good brands communicate.",
        "top": 2399,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Great brands surprise.",
        "top": 2439,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "36px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "View all",
        "top": 5220,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "16.2px",
    "lineHeight": "17.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "© 24 . 26",
        "top": 5238,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "15.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "No items found.",
        "top": 11119,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "12.6px",
    "lineHeight": "12.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Creative studio in Paris",
        "top": 970,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "10.8px",
    "lineHeight": "11.9px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Sound",
        "top": 5433,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Ppneuemontreal",
    "fontStack": "Ppneuemontreal, Arial, sans-serif",
    "weight": "500",
    "size": "10.8px",
    "lineHeight": "10.8px",
    "letterSpacing": "1.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "@",
        "top": 11628,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 23,
    "contexts": [
      {
        "tag": "section",
        "text": "Not a style, a perspective.Because Nothin’ is Everythin’.book a callCreative studio in ParisLKDNLink",
        "top": -1000,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "book a call",
        "top": 96,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "EN",
        "top": 971,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 436,
    "contexts": [
      {
        "tag": "body",
        "text": "/* ------------------------- Variables ------------------------------------------- */ html { font-si",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "menu",
        "top": 32,
        "property": "text"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 38,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#8E8E8E",
    "alpha": 1,
    "cssValue": "rgb(142, 142, 142)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Utopia",
        "top": 2499,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#DDDDDD",
    "alpha": 1,
    "cssValue": "rgb(221, 221, 221)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "No items found.",
        "top": 11109,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 12,
    "contexts": [
      {
        "tag": "a",
        "text": "book a call",
        "top": 81,
        "property": "border"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Highly variable and asymmetric, utilizing massive whitespace around text blocks and scattered positioning for images.
- Corner style: Sharp corners on images and video frames; fully rounded (pill) shapes for interactive buttons.
- Radius: 0px for media containers; high border-radius (e.g., 50vw) for outline buttons.
- Borders: Thin, semi-transparent borders used sparingly, mainly on CTA buttons.
- Buttons: Pill-shaped, transparent background with a thin border and uppercase tracking text.
- Content width: Full-bleed for the massive text and some videos, mixed with constrained, inset text blocks.
- Density: Very sparse. High use of negative space to isolate and emphasize massive typographic elements or imagery.
- Evidence: Visual inspection shows black and white canvas inversions, sharp-edged project photos, pill buttons ('BOOK A CALL'), and huge text ('NOTHIN'').

## Sections

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

1. **Hero — Nothin’ Studio Hero** (Home)
   AI suggestion (97% confidence): Complete opening hero with studio positioning, call-to-action, oversized wordmark, location, social links, and language control.
   Capture: 1440×1095px; page bounds 0–1095px of 12168px; source section ID: `d6970d4f-05b0-4344-bf1e-b8a926b5393a`; image: https://media.designdetails.io/library/0e9f8a213089caf4178c71b871a4b18843de6a34bc9183e71026b2962d2c6e46/d6970d4f-05b0-4344-bf1e-b8a926b5393a.webp
   SECTION.md v3.2: `d6970d4f-05b0-4344-bf1e-b8a926b5393a` (deterministic evidence; editorial review pending)
2. **Other — Incognita Project Showcase** (Home)
   AI-proposed category: project-showcase
AI suggestion (91% confidence): Self-contained portfolio showcase combining a bold section statement, large campaign visual, responsive preview, and concise project rationale.
   Capture: 1440×1086px; page bounds 1146–2232px of 12168px; source section ID: `a23563a9-e489-480d-9414-23de976cae87`; image: https://media.designdetails.io/library/6560de777924b2028c01f6d0f5e06700c665fd80a8d9d387e210c6c339eb6ccc/a23563a9-e489-480d-9414-23de976cae87.webp
   SECTION.md v3.2: `a23563a9-e489-480d-9414-23de976cae87` (deterministic evidence; editorial review pending)
3. **Features — Forms Follow Perspective — Capabilities** (Home)
   AI suggestion (88% confidence): Complete agency-capabilities section combining a strong manifesto headline, service list, strategic positioning, distinctive sculptural artwork, and team credits; it ends cleanly before the full-width elevator visual begins.
   Capture: 1440×1311px; page bounds 8253–9564px of 12168px; source section ID: `db2df5cb-3f5b-4782-8594-b9a5af62e4e8`; image: https://media.designdetails.io/library/a580ff544ed90a8048c109778c5a810c2bac006ac2b9bac36f9584147042295a/db2df5cb-3f5b-4782-8594-b9a5af62e4e8.webp
   SECTION.md v3.2: `db2df5cb-3f5b-4782-8594-b9a5af62e4e8` (deterministic evidence; editorial review pending)
4. **Footer — Let’s Start From Nothin’ Footer** (Home)
   AI suggestion (98% confidence): Complete page-ending footer with a prominent contact prompt, two action buttons, social links, oversized brand wordmark, credits, and copyright details.
   Capture: 1440×734px; page bounds 11434–12168px of 12168px; source section ID: `a9ad75bb-8c38-43e9-8e68-894be384f03c`; image: https://media.designdetails.io/library/2d59cd22bd6e2bbbdbd1340a920b20e9cf1bf172093696306a6f9624f36a4f2f/a9ad75bb-8c38-43e9-8e68-894be384f03c.webp
   SECTION.md v3.2: `a9ad75bb-8c38-43e9-8e68-894be384f03c` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/332b70ce67e45cd0d9bed87f56f94f673b0f774fb0c458ed33a1815a36e277f6/desktop_full-591c4357-2026-10-10T05-15-26-172Z.webp
- Mobile screenshot: https://media.designdetails.io/library/59763c051cdbe2b71a4635080931a6a2eecdc87419538ac6f6bca8bd682ae7fe/mobile_full-591c4357-2026-10-10T05-16-05-123Z.webp
- Open Graph image: https://media.designdetails.io/library/414dfd7d97fe5ad81c3db0407283b47b7eb9885cb90dbeb97c79a9d458d9b28d/og_image-591c4357-2026-10-10T05-15-35-829Z.webp
- Full-page video: https://media.designdetails.io/library/e3dff0ba86d86115a04782edd5648b4cf7a1170d780e3bb67fc95006e9ffcb2f/motion-1791618632762.mp4
- Video poster: https://media.designdetails.io/library/ba2116cb743c03215fccae25dcb4bbd94f7cc4ffe53bab78bb436b60828ca5f4/motion-poster-1791618632762.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
- Video Frame
- Outline Button
- Feature Collection
- FAQ Accordion
- Footer
- Scattered Grid
- Floating Elements Container

## Quality rubric

Overall: 55.4/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Nothin' executes a disciplined black-and-white brutalist-typographic system with a strong type hierarchy, a coherent asymmetric layout carried across the full page, and some genuinely surreal prop photography, but its color design is almost entirely outsourced to imagery, its motion is limited to basic scroll-linked and floating effects without demonstrated refinement, the FAQ module is visibly broken, and its overall structural concept closely follows a familiar contemporary agency-site template rather than introducing a hard-to-substitute idea.

- Typography (15%): 64 — A deliberate scale system runs from a 72px display cut (-0.7px tracking) down to 10.8px uppercase mono labels, with a secondary Ppneuemontreal Book body size (16.2px) and an IBM Plex Mono accent family reserved for project tags. The oversized 'NOTHIN'' wordmark anchors open/close, and intermediate 36px headings bridge the jumps. It's a confident, legible hierarchy but built almost entirely on one display family plus one mono accent, which is a common agency-site formula rather than a bespoke type system.
- Color (10%): 54 — The site runs a strict black/white inversion (color-1 #000000, color-2 #FFFFFF alternating as canvas/text) with a single grey accent (#8E8E8E) for muted labels, and almost all actual color comes from embedded photography/video (purple-orange bubbles, green ferns, pink curtains). This is a coherent and disciplined restraint strategy, but the palette itself is minimal to the point of doing little independent design work — the color interest is outsourced to imagery rather than constructed by the designer.
- Layout (20%): 63 — The page alternates white and black full-bleed sections, mixes full-width video with inset two-column text/image pairings, and uses a scattered/asymmetric 'Works' grid with offset image sizes and overlapping device mockups. The rhythm (large whitespace, abrupt section breaks, repeated wordmark bookends) is applied consistently from hero to footer, giving a real systemic structure rather than a single hero trick.
- Motion (20%): 55 — Observed motion is limited to a scroll-linked translation of the giant wordmark, autoplaying embedded videos, and floating/rotating 3D props (foil star, metallic heart, candy) layered over a dark section. These are recognizable, moderately executed scroll/parallax effects, but the evidence shows only directional movement and repetition, with no indication of refined easing, staggered choreography, or interaction-driven motion beyond scroll position.
- Originality (25%): 48 — The surreal prop photography (sausage balloon-dog, foil heart, pink exercise ball, metallic confetti) and gallery-frame video presentation show some idiosyncratic art direction. However, the overall structural concept — an oversized brutalist wordmark bookending the page, black/white section inversion, a scattered portfolio grid, and scroll-parallax floating 3D objects — closely follows a now-common contemporary agency-site template. Nothing here constitutes a hard-to-substitute structural idea; the novelty is confined to selected imagery rather than the system itself.
- Content (10%): 48 — Text and imagery are mostly well-paired (project names with one-line positioning statements, device mockups showing real screens, team/credits section), but a visible functional gap — the FAQ section renders 'No items found' — undermines the integration and suggests incomplete content wiring at the time of capture.

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

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

## Verification checklist

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

## Curator notes

A massive bold wordmark on white sets a confident tone before the page shifts into mockups shown on real screens and laptops, so each project reads as a working product rather than a flat image. Black chapter breaks and surreal photography, like a sausage balloon dog in a gallery, pace the scroll and keep a text-heavy studio site visually surprising.

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