Website under construction Website Mockup

Review the Split Relationship Before the Columns Narrow

The block’s most important mockup relationship is the contrast between a content-heavy left column and a visually dominant illustration on the right. The “Under Construction” heading and supporting paragraph need enough width to remain readable, while the rounded “Notify me” button should stay visually distinct beneath them. Four social links form a lower group that may become more compact as the available space decreases.

The large construction-themed illustration also requires review because its scale controls the balance of the whole section. On a wider presentation, it acts as a strong counterweight to the text. At narrower widths, the two columns may need to stack or reduce their relative widths, so the illustration should continue supporting the message rather than pushing the status content too far down. Deep purple should remain the continuous field, and pink and white accents should preserve the heading and action hierarchy.

A website mockup review can therefore focus on text wrapping, column order, image scale, button visibility, social-link spacing, and the amount of open space around the status group. The block remains one responsive visual unit within a broader page presentation; these checks concern how its existing relationships survive across screen sizes, not whether the section becomes a complete page.