# Thirdway — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.thirdway.com/
Captured: 2026-10-08
CSS measured: 2026-10-08T03:46:29.798Z at 1440×1000 — https://www.thirdway.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 visual design is editorial and highly photographic, relying on full-bleed imagery and large, confident typography to convey a premium, architectural aesthetic. The color palette is grounded in a warm, neutral off-white canvas with dark, high-contrast text and dark surface blocks for the footer. Layouts are spacious with a strong grid structure, using thin linework for subtle delineation.

## Classification

- Industry: creative
- Site type: Blog
- Business model: Agency
- Styles: editorial, photographic, bold, minimal, architectural
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: waldenburg — weight 500; size 120px; line-height 108px; tracking -7.2px; Regular (95% role confidence, computed values)
- Heading: waldenburg — weight 500; size 72px; line-height 70.6px; tracking -4.3px; Regular (90% role confidence, computed values)
- Body: waldenburg — weight 500; size 20px; line-height 22px; tracking -0.8px; Regular (85% role confidence, computed values)

## Functional palette

- Canvas — canvas #F7F1E9: color-1: computed rgb(247, 241, 233); AI role: #F7F1E9 provides the dominant warm off-white background for most content sections. (95% role confidence, computed values)
- Text — text #20221A: color-3: computed rgb(32, 34, 26); AI role: #20221A serves as the primary high-contrast dark color for text and icons on the light canvas. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-13: computed rgb(255, 255, 255); AI role: #FFFFFF is used for subtle contrast surfaces like the logo grid backgrounds. (80% role confidence, computed values)
- Muted Text — muted text #666763: color-15: computed rgb(102, 103, 99); AI role: #666763 used for secondary text or elements within the dark footer context. (70% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "72px",
    "lineHeight": "70.6px",
    "letterSpacing": "-4.3px",
    "traits": "Regular",
    "count": 23,
    "contexts": [
      {
        "tag": "div",
        "text": "S",
        "top": 1665,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "i",
        "top": 1665,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "x",
        "top": 1665,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "20px",
    "lineHeight": "22px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Thirdway were brilliant at helping design a space that worked for Zopa but was also something the la",
        "top": 3574,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Behind the Build: Education at Thirdway",
        "top": 8326,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Behind the Build: The Campus in the Sky",
        "top": 8094,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "marist",
    "fontStack": "marist, \"marist Fallback\"",
    "weight": "350",
    "size": "74px",
    "lineHeight": "62.9px",
    "letterSpacing": "-4.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "A million sq ft delivered each year across six specialist teams.",
        "top": 2696,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "04",
        "top": 36,
        "property": "font"
      },
      {
        "tag": "span",
        "text": ":",
        "top": 36,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "46",
        "top": 36,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Skip to footer",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Let’s talk",
        "top": 34,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "12px",
    "lineHeight": "13.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Michael Wrighton",
        "top": 708,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Georgie Grantham",
        "top": 708,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Join us",
        "top": 708,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "marist",
    "fontStack": "marist, \"marist Fallback\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Find us",
        "top": 9138,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Email",
        "top": 9237,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Follow us",
        "top": 9317,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "48px",
    "lineHeight": "47px",
    "letterSpacing": "-2.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "If you’re looking to build an exceptional space, let’s talk.",
        "top": 8862,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "let’s talk.",
        "top": 8898,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "32px",
    "lineHeight": "35.2px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 190,
    "contexts": [
      {
        "tag": "span",
        "text": "Approach",
        "top": 96,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Services",
        "top": 137,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "People",
        "top": 178,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "120px",
    "lineHeight": "108px",
    "letterSpacing": "-7.2px",
    "traits": "Regular",
    "count": 38,
    "contexts": [
      {
        "tag": "div",
        "text": "C",
        "top": 692,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "r",
        "top": 692,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "e",
        "top": 692,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "64px",
    "lineHeight": "62.7px",
    "letterSpacing": "-3.8px",
    "traits": "Regular",
    "count": 31,
    "contexts": [
      {
        "tag": "div",
        "text": "I",
        "top": 7144,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "n",
        "top": 7144,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "g",
        "top": 7144,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18.2px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 23,
    "contexts": [
      {
        "tag": "div",
        "text": "Emily Dickens",
        "top": 3766,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "06",
        "top": 8295,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "10",
        "top": 8295,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "24px",
    "lineHeight": "26.4px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 22,
    "contexts": [
      {
        "tag": "span",
        "text": "Campus in the Sky",
        "top": 537,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "University of Hull London",
        "top": 537,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New People",
        "top": 517,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "marist",
    "fontStack": "marist, \"marist Fallback\"",
    "weight": "350",
    "size": "28px",
    "lineHeight": "26.9px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Behind the Build",
        "top": 517,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New Project",
        "top": 517,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Behind the Build",
        "top": 517,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "24px",
    "lineHeight": "20.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "FX Interior Design",
        "top": 526,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Practice of the Year",
        "top": 703,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "FX Interior Design",
        "top": 526,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "marist",
    "fontStack": "marist, \"marist Fallback\"",
    "weight": "350",
    "size": "12px",
    "lineHeight": "13.2px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Commercial Director",
        "top": 723,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Part II Architectural Assistant",
        "top": 723,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Commercial Director",
        "top": 723,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "30px",
    "lineHeight": "39px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "27",
        "top": 526,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "27",
        "top": 526,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "13px",
    "lineHeight": "16.9px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "02",
        "top": 521,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 521,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "marist",
    "fontStack": "marist, \"marist Fallback\"",
    "weight": "350",
    "size": "18px",
    "lineHeight": "19.8px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Head of Experience, Zopa",
        "top": 3784,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "waldenburg",
    "fontStack": "waldenburg, \"waldenburg Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "18px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "View project",
        "top": 3594,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F7F1E9",
    "alpha": 1,
    "cssValue": "rgb(247, 241, 233)",
    "count": 507,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to contentSkip to footer04:46GMTLet’s talkApproachServicesPeopleProjectsVision & ValuesOur Home",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "04",
        "top": 32,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2905,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#20221A",
    "alpha": 1,
    "cssValue": "rgb(32, 34, 26)",
    "count": 202,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 38,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 40,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#1A1A1A",
    "alpha": 0.0392156862745098,
    "cssValue": "oklab(0.247015 -0.00721075 0.0130845 / 0.04)",
    "count": 63,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5126,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "06102026Behind the Build: Education at Thirdway",
        "top": 7823,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#222222",
    "alpha": 0.058823529411764705,
    "cssValue": "oklab(0.247015 -0.00721075 0.0130845 / 0.06)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7831,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#444828",
    "alpha": 1,
    "cssValue": "rgb(68, 72, 40)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "New People02Michael WrightonCommercial DirectorGeorgie GranthamPart II Architectural AssistantJoin u",
        "top": 501,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#3D6062",
    "alpha": 1,
    "cssValue": "rgb(61, 96, 98)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "New ProjectUniversity of Hull London",
        "top": 501,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#8E7000",
    "alpha": 1,
    "cssValue": "rgb(142, 112, 0)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "New ProjectBritish Land’s HQ",
        "top": 501,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#DEEFE3",
    "alpha": 1,
    "cssValue": "rgb(222, 239, 227)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Behind the BuildCampus in the Sky",
        "top": 501,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#D4CDB7",
    "alpha": 1,
    "cssValue": "rgb(212, 205, 183)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Behind the BuildEducation at Thirdway",
        "top": 501,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#77714E",
    "alpha": 1,
    "cssValue": "rgb(119, 113, 78)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "FX Interior DesignPractice of the Year",
        "top": 501,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFE7A6",
    "alpha": 1,
    "cssValue": "rgb(255, 231, 166)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "27Live projectsStart yours",
        "top": 501,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "ApproachServicesPeopleProjectsVision & ValuesOur HomeESGJournalLately at ThirdwayBehind the BuildCam",
        "top": 20,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3596,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F6F1EA",
    "alpha": 0.7019607843137254,
    "cssValue": "oklab(0.9606 0.00318971 0.0120677 / 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Head of Experience, Zopa",
        "top": 3784,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#666763",
    "alpha": 1,
    "cssValue": "rgb(102, 103, 99)",
    "count": 99,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9100,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 9554,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#F7F2EA",
    "alpha": 0.23921568627450981,
    "cssValue": "rgba(247, 241, 233, 0.24)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3525,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#D4CDB6",
    "alpha": 0.4,
    "cssValue": "oklab(0.848028 -0.00122339 0.0307342 / 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 26,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#22221B",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.247015 -0.00721075 0.0130845 / 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Lately at ThirdwayBehind the BuildCampus in the SkyNew ProjectUniversity of Hull LondonNew People02M",
        "top": 441,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F8F0E8",
    "alpha": 0.4,
    "cssValue": "oklab(0.9606 0.00318971 0.0120677 / 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "·",
        "top": 9759,
        "property": "text"
      }
    ]
  }
]
```

### 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 spacing with massive vertical padding between sections to allow content to breathe. Distinctive typographic leading.
- Corner style: Predominantly sharp, square corners on images and layout blocks, providing a structured, architectural feel.
- Radius: Minimal overall, but navigation elements (buttons/pills) use distinct rounded corners.
- Borders: Subtle, thin solid lines (often 1px) used as dividers and structure lines, particularly in the footer and for timeline/progress indicators.
- Buttons: Pill-shaped containers with high-contrast text and trailing icons (arrows), often floating or fixed in navigation.
- Content width: Mixed: Full-bleed for impactful imagery and backgrounds, combined with wide, inset margins for textual content to maintain readability.
- Density: Low density. The design prioritizes visual impact and scale over packing information tightly.
- Evidence: Observations of full-width project images, large 'waldenburg' typographic blocks, sharp image edges, and pill-shaped nav elements.

## Sections

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

1. **Features — FX's Interior Design Practice of the Year** (Home)
   Reusable feature composition from Home, organized around “FX's Interior Design Practice of the Year”.
   Capture: 1440×398px; page bounds 2506–2904px of 9793px; source section ID: `12e6c809-cadb-4b80-a6ce-a0acdaf7e767`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/9a1467be6f24e9e443a9f85a1349b4ab91488919498f9b6ae33722cbf3c513b0/section_crop-12e6c809-2026-10-08T03-46-40-794Z.webp
   SECTION.md v3.2: `12e6c809-cadb-4b80-a6ce-a0acdaf7e767` (deterministic evidence; editorial review pending)
2. **Features — The Thirdway Journal** (Home)
   Reusable feature composition from Home, organized around “The Thirdway Journal”.
   Capture: 1440×907px; page bounds 7590–8497px of 9793px; source section ID: `9b1f5b0d-2d4b-48a6-aeb0-bdd99ce6a87a`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b3442e1ca631d9e54fb2a3171765b804a951fdc43b3b95dfb3d49c8f5d60da85/section_crop-9b1f5b0d-2026-10-08T03-46-42-684Z.webp
   SECTION.md v3.2: `9b1f5b0d-2d4b-48a6-aeb0-bdd99ce6a87a` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/7a4a7527516ac18bc951f85d1e34fd343afd379e9d68b4067abb018222abf6ff/desktop_full-357304c3-2026-10-08T03-46-29-823Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c50bd414b833eaffe7ef52386f25c54a1c14b10c9b8fbe0f81c1b6796c7a0e10/mobile_full-357304c3-2026-10-08T03-47-16-407Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/587d22ae323f66d01ef1216ef3e6042b02baae61ea2cd4486f70703578a0ee4b/og_image-357304c3-2026-10-08T03-46-37-788Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b7291b22ba7721fe122b2d104f30f43e5bb162a899be733c034f16a75716094e/motion-1791432616385.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/78935301fd991b1ae05a3a6805db98475a224c91717ae40ae5835f86537f0d2f/motion-poster-1791432616385.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

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

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Feature Card
- Testimonial Card
- Logo Strip
- Footer
- Project Showcase Parallax

## Quality rubric

Overall: 59.85/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Thirdway's site is a well-built, systemically consistent editorial showcase for a design firm: a confident dual-typeface scale, a functional color-coded project system, and a repeatable full-bleed/inset grid carry through hero, team, case-study, logo, and footer sections. Execution is competent and the content integration (client quotes paired with project imagery, a scroll-depth footer easter egg) shows genuine craft. However, the motion and structural toolkit — pinned parallax reveals, an auto-scrolling logo strip, and a drawer-style footer — are now-standard agency-site conventions, keeping originality capped and the overall experience in the 'good' rather than 'strong' tier.

- Typography (15%): 67 — A deliberate two-typeface system (sans 'waldenburg' for UI/body/display, serif 'marist' for stat callouts and testimonials) is applied with a consistent, aggressively tracked scale from 12px captions to 120px display type, giving the page a confident editorial voice that holds together across nav, hero, stats, and footer.
- Color (10%): 65 — A warm, restrained neutral canvas (#F7F1E9) with near-black text (#20221A) anchors the page, while a small set of saturated per-project accent chips (teal #3D6062, mustard #8E7000, olive #444828/#77714E, mint #DEEFE3) is used to color-code each project/team card without breaking the overall calm palette — a functional, not merely decorative, color decision.
- Layout (20%): 68 — A consistent full-bleed/inset rhythm is sustained from hero through team grid, pinned project showcase (with 01/04-04/04 progress counters), logo grid, journal cards, and a dark footer takeover — showing a repeatable structural grammar rather than a single hero treatment.
- Motion (20%): 60 — Multiple scroll-tied motion types are present (hero text settle, fade-up reveals, pinned/parallax project transitions, continuous logo ticker, footer drawer slide-up), giving a varied but conventional catalog of now-standard agency-site scroll choreography rather than a distinguishing motion idea.
- Originality (25%): 42 — The site executes its chosen editorial-photographic idiom competently, but every structural device observed — full-bleed video hero, pinned/parallax case-study reveal with numeric counters, auto-scrolling logo strip, and a footer that slides up as a 'drawer' — is a widely used convention in contemporary agency and portfolio sites, with no hard-to-substitute idea unique to Thirdway's content or problem.
- Content (10%): 72 — Photography, typography, and copy are integrated to support the brand's positioning as a premium interior fit-out firm: client testimonials are paired directly with the relevant project imagery, project metadata (location, category, team type) is consistently structured, and a bespoke footer detail ties scroll depth back to a real client project.

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

Full-bleed photography of warm, plant-filled offices sits behind oversized white headlines, giving the agency's own interiors room to make the pitch. Portrait grids for the six teams and a repeating project format of large image, client name, and quote keep a long page easy to scan while building trust through real people and results.

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