Editorial Architecture Homepage
A refined, magazine-led homepage for an architecture studio or journal.
Website prompt
If your browser blocks copying, select the complete text below.
Design a responsive editorial website for an international architecture studio and journal. Use a restrained warm-neutral palette, generous whitespace, a refined serif display typeface, a highly legible sans-serif body typeface and a modular grid. The homepage must include one cinematic hero, selected projects, evidence-led magazine stories, an architecture atlas, services, a clear contact action and a minimal footer. Keep navigation simple, loading fast and mobile behaviour deliberate. Avoid generic agency cards, excessive gradients, glassmorphism, fake awards and decorative motion that delays reading. Return the information architecture, desktop and mobile layout, component list, accessibility notes and production-ready interface copy.
Mobile refinement prompt
Refine the proposed architecture homepage for a 390px mobile viewport. Preserve editorial hierarchy, reduce decorative motion, use touch targets of at least 44px, keep the hero readable without autoplay audio, lazy-load below-the-fold media and make every primary section reachable within two taps.