B2B Home Services Design · 157 of 210

Rain Shift

Wet asphalt charcoal with high visibility yellow and a rain blue, built around a leak triage a facility manager can run with water on the floor. For a commercial roof repair and maintenance crew that answers leaks first.

Built for Commercial Roofing, Roofing (Repair / Replacement). Sample business on the page, Rivergate Roof Service, Portland OR.

Rain Shift website design on a desktop
The first screen, “Water on the Warehouse Floor?”

Colors

#f5d90a
#11171d
#a9b6c2
#2f3d4a
#e9eef2
#19222b

Fonts

  • Darker Grotesque
  • Hanken Grotesk

Sections In Order

  1. Water on the Warehouse Floor?
  2. Leak Triage, With the Bucket Still Filling
  3. Calls From the Last Wet Week
  4. Two Visits a Year Keep the Buckets Away
  5. What Facility Managers Say
  6. North Portland Yard, Metro Wide Crews
  7. What People Ask on the Leak Line
  8. Leaking Right Now?

Built In

  • @property animated leak line button
  • dialog with @starting-style
  • grain texture
  • job photo story strip
  • Tool on the page, Roof leak triage
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Inline SVG graphics

The Whole Page

Full page of the Rain Shift design

On A Phone

Rain Shift on a phone
↑