Tall grass blades curving inward from the leftA shorter grass cluster curving inward from the right
Start with the edges. One repeated tuft felt stamped on. Separate left and right clusters gave us more room to vary the shape.
Wide turf strip with a low center and tall grass at both ends
Then connect the pieces. The sides needed something to flow into. A lower strip joins them without filling the middle of the page.
Actual Hills hero-to-services seam with grass below unobstructed quote and call buttons
Let it cross the boundary. In the page, those layers soften the seam between sections. The buttons and heading keep their breathing room.
A closer look

The form still has a job to do.

Actual quote form edge with decorative grass behind the panel and clear fields and submit button
Know where to stop. Around the quote form, the same idea gets quieter. Grass sits behind the panel so the fields and button stay clear.

A little landscaping for a website.

The sections are still there; their edges just feel less abrupt. Different scales and a continuous dark texture helped the separate pieces feel like one composition.

On a phone, the arrangement needed to change again. The grass could frame the work, but the photographs, copy, and quote form still needed to come first.

See the Hills Green Cut project, or explore our website design and development work.