B2B Home Services Design · 80 of 210

Rooftop Roster

Steel gray and cool blue with a bold amber flag for the units that need attention. Built for the facility manager who looks after a roof full of units and wants a maintenance plan and a price before summer hits.

Built for Commercial HVAC, HVAC Repair. Sample business on the page, Salt River Mechanical, Tempe AZ.

Rooftop Roster website design on a desktop
The first screen, “Keep Every Rooftop Unit Running Through July”

Colors

#2e363e
#2f7fc1
#f5a524
#1d242b
#232a31
#56616c

Fonts

  • Blinker
  • Source Sans 3

Sections In Order

  1. Keep Every Rooftop Unit Running Through July
  2. Plan Maintenance for Your Rooftop Units
  3. What a PM Visit Covers
  4. Replacements Set Before Your Doors Open
  5. What Facility Managers Say
  6. Questions About Rooftop Units
  7. Nav: Quick actions

Built In

  • live open now badge
  • @property animated accent on the emergency call button
  • sibling-index() staggered unit roster
  • one tap action bar
  • Tool on the page, Rooftop unit maintenance planner
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Rooftop Roster design

On A Phone

Rooftop Roster on a phone
↑