Architecture city guide Website Mockup

Large Images and Mixed-Density Sections Define the Main Review Points

The design should be reviewed with particular attention to how large architectural images share space with editorial text. In the opening split section, a broad building photograph sits beside a white panel containing the title, circular supporting image, and directional icon. At narrower widths, the relationship between the image scale and the text panel will strongly affect the first impression. The Shirley Ryan AbilityLab feature presents a similar image-and-text balance, but its long project headline creates an additional point for checking typography and available width.

The Spaces That Inspire section adds a denser arrangement with one large image and two smaller supporting images, so image proportions and spacing deserve close visual attention. The full-width article feature introduces an overlaid white card, making the contrast between background photography and readable text another presentation point to evaluate. Farther down, the three equal project cards need to retain comparable image proportions and readable project titles, while the three-part travel-guide section must preserve the distinction between exterior image, central text, and interior image. The four category tiles create a compact navigation group that may change substantially when the available width decreases. Finally, the compact header, collapsed navigation control, and dark three-column footer should be checked for clarity as the layout narrows. These are concrete visual review areas for the mockup, rather than assumptions about a low-fidelity prototype.