Design of Architecture Website Mockup

Large Image Compositions Need Careful Screen-Size Review

The page relies on several visual relationships that deserve close review when presented at different widths. The Architecture hero combines a prominent title with layered building imagery, so the balance between the image collage and supporting text should remain clear as the available space narrows. The World Design Rankings and Sheppard Robson sections use split layouts, making the relationship between each large photograph and its compact article panel another important presentation point.

The three equal cards for Planning, Best Projects, and Our Awards introduce a denser horizontal grouping. On a smaller screen, their text, icons, spacing, and vertical order need to remain legible without losing the sense that they are one repeated set. The overlaid emerging-architecture shortlist should also be checked carefully because image overlap and the contrasting headline panel may change significantly when the composition becomes narrower. The horizontal header navigation is a further review area, particularly beside the ARCH NEWS title.

The muted gold accents, fine borders, strong black typography, and generous white space should be compared across desktop and phone views so the visual hierarchy remains consistent. The centered further-reading block and dark social footer provide simpler closing regions, but their button, quotation, and social links still need visual balance. These concrete checks make the design useful as a responsive presentation to evaluate, not merely a static desktop picture.