Websites · Design concept
Architecture studio
An architecture website concept connecting a project overview, editorial project detail and an enquiry screen, with proposed typography and form states.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
The design brief
Let prospective clients understand a studio through its work, then describe a project of their own. This direction pairs large architectural images with concise project context.
- Designed for
- Property owners and project teams assessing an architecture studio before making an enquiry.
- Constraints to consider
- Photography needs room without hiding project information or contact options. All projects and imagery are illustrative; this is not a portfolio of commissioned architectural work.
The proposed journey
- 01
Browse the work
The overview uses an editorial arrangement of project images as the starting point for exploration.
- 02
Read one project
The project detail gives one architectural direction space, with supporting text alongside the imagery.
- 03
Describe a project
The enquiry screen introduces a place to outline a brief. The concept does not send a request.
Why these design choices?
Give images a reading order
A large lead image establishes the project. Smaller views and short captions can explain it without giving every photograph equal visual weight.
Make the next step visible
An enquiry route should remain easy to find after viewing a project. It need not compete with the photography throughout the page.
A closer look at the visual system
Proposed design specimens. These are static examples, not working controls or a production specification.
Colour roles
Gallery canvas
#F5F2EB
Editorial text
#292B29
Enquiry accent
#A0644D
Typography & spacing
Clear information. A considered next step.
Proposed serif headings suit the editorial pace. Use plain sans-serif text for project facts and form labels, so the visual treatment does not obscure practical details.
Generous margins separate projects. Within a project, keep captions close to their images; on mobile, preserve that relationship when the layout becomes a single column.
Beyond the ideal state
No matching projects
No projects match this selection. View all projects or choose another category.
Brief ready for review
Your brief is ready to review. Check your contact details before sending.
Missing contact detail
Enter an email address so the studio can respond.
Why include project context beside architectural images?
Images show a visual direction, but do not explain every constraint or decision. A short account of the brief and proposed approach gives visitors more to assess than appearance alone. Real portfolio pages should use verified project facts.
