Get a quote
Architecture & Design Studio
Scope
Typographic system, project grid, detail template
Industry
Architecture, interiors, industrial design
Technology
HTML5, CSS Grid, Bebas Neue

A concept portfolio site for design studios: a tight grid that puts the work first, large typography and project details with a spec row.

Architecture & Design StudioArchitecture & Design StudioArchitecture & Design Studio
Project · Portfolio site · Concept design

Architecture & Design Studio

On a design studio's website, the work should do the talking. Here the interface deliberately steps back: a black-and-white palette, a single accent and a tight four-column project grid.

The project detail places a spec row under a large image band — type, area, year and status — while a three-image strip at the bottom shows different angles without stretching the page.

Architecture & Design Studio
Showcase

Four columns, one rhythm

The interface steps back

Every project shares the same ratio and alignment. Nothing but a title and a number, so the eye goes straight to the work.

  • Tight grid, consistent ratio
  • Numbered projects
  • A single accent colour
Detail

Specs and sections

Technical, quietly presented

Type, area, year and status read at a glance, and the strip below shows the project from different angles.

  • Spec row
  • Three-image strip
  • Next-project navigation
Technologies we use
  • HTML5
  • CSS Grid
  • Bebas Neue
  • Space Grotesk
  • TR + EN
Project PreviousCatering & Events WebsiteProject NextBoutique Hotel Website

More projects

Have an idea or a project? Get in touch!

We're here. Tell us about your idea and we'll show you how to bring it to life — the first call and the quote are free.