Inside the Thirdway website design
Thirdway is a creative website built with custom code and Next.js. Its pages are built from features sections, shown here in full-page captures and a scroll recording. Typography: waldenburg. Palette: #404020, #806060, #A0A080.
Thirdway partners with owners, occupiers, and professional teams to create world-class spaces. Its visual style is editorial, photographic, and bold, with navigation bar, hero with background imagery, and feature card among its components.
Why we picked it
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.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
Questions designers ask
What fonts does Thirdway use?
Thirdway uses waldenburg, read from the fonts loaded on the captured page.
What is the Thirdway website built with?
The Thirdway website is built with custom code and Next.js, detected when the page was captured.
What colours does the Thirdway website use?
The captured palette includes #404020, #806060, and #A0A080.
What sections does the Thirdway website have?
The Thirdway website includes features sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Thirdway's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Thirdway's typography, colours, and components for your team or an AI tool.
