Union of Artists and Architects Website Mockup

Portraits, Split Sections, and Gallery Density Need Careful Viewport Review

The opening portrait banner occupies a large visual role, so its crop, scale, and relationship to the navigation deserve close review when the page is examined at different widths. The split sections that follow combine headings, text, narrow accent areas, and image panels in a collage arrangement. On a smaller screen, the order and relative size of those parts can change the balance between explanation and imagery, even when the same content remains present.

The three service cards introduce a more regular vertical rhythm, but their labels are also comparatively long: general IT services, IT security solutions, and IT consultancy. Their line wrapping, icon alignment, spacing, and relationship to the section heading should be checked so that the capability group remains easy to scan. The team collage creates another point of attention because several profile images and a text card share one visual area.

The four-image gallery is likely to become a denser region as available width decreases. Review the image proportions, gaps, and transition from the gallery into the closing social-and-contact section rather than judging only the desktop presentation. The contact form and social links need enough room to remain distinct in their two-column arrangement, while the dark footer should still read as a clear ending. The restrained body typography and generous spacing are useful reference points for comparing how the page’s hierarchy survives across screen conditions.