Portfolio

Architecture Portfolio Website — Swiss-Grid Index

Basel Studio is a four-page portfolio template for architecture practices that want their website to carry the same rigor as their drawings. It sits on an exposed 1px-ruled 12-column grid: an asymmetric, sentence-case hero beside a mono title-block, a full-width typographic project index whose numbers flush red on hover, and a discipline of zero radius and zero shadow, punctuated by a single 8px red dot.

The page set is built for a considered browse. Home states the practice's position, Projects is a full-width index that reads like a plate schedule and opens into case pages carrying plan-drawing plates and project specs, Studio introduces the practice and team, and Contact is where commissions begin. There are no decorative hero images — the work and the grid do the talking, which is precisely the restraint discerning clients read as competence.

The index-first structure suits firms with a substantial body of work: it lets a prospective client scan the range quickly, then drill into the specifics — brief, site, materials — that qualify a serious commission. Restyle it with any Dual7 design system, drop in your own projects and plans, and remix it into a codebase you own. Preview it free.

Who it's for

For established architecture practices who want a rigorous, index-first portfolio that presents a deep body of work and invites serious commissions.

Template details
Included pagesHome, Projects, Studio, Contact
Best forFor established architecture practices who want a rigorous, index-first portfolio that presents a deep body of work and invites serious commissions.
TypeWebsite
CategoryPortfolio
Themes3
Last updated2026-07-20
Open live preview

Dual7 · a product of AlgorithmShift · Build once. Own forever.