Rational offer Website Mockup

Dense cards, portrait groups, and color bands deserve responsive review

The design’s strongest visual changes come from its contrast between wide colored bands and compact repeated content. The blue hero places a large headline beside portrait imagery, so review should check how the text and image balance changes when the available width narrows. The six service cards form a two-row grid, while the four capability highlights use checkmarked labels; both areas should be examined for readable wrapping, consistent spacing, and an orderly transition from multiple columns to a narrower presentation.

The four-image office gallery introduces a horizontal sequence that may require particular attention to image scale and cropping on smaller screens. The four testimonial cards and three team profiles also combine portraits with text, names, roles, or quotes, making density and alignment important parts of the visual evaluation. Orange pricing and promotional bands should retain sufficient contrast around the displayed plan, metric, and buttons, while the final blue contact area must keep its details and signup controls visually connected. Reviewing the mockup across screen widths is therefore most useful for checking image proportion, card stacking, typography scale, section spacing, and the placement of the consultation response area.