Home Services Design · 59 of 210

Slate Moisture Gauge

Deep slate and dry white built around a moisture gauge that reads out the answer. Made for waterproofing and crawl space companies whose callers want to know why the floor is wet.

Built for Basement Waterproofing, Foundation Repair, Mold Remediation. Sample business on the page, Allegheny Dry Basements, Pittsburgh PA.

Slate Moisture Gauge website design on a desktop
The first screen, “A Dry Basement Starts With Finding the Water.”

Colors

#1d2a33
#4a86ad
#56626a
#d5d9d2
#3d8a5f
#f4f5f1

Fonts

  • Niramit
  • Open Sans

Sections In Order

  1. A Dry Basement Starts With Finding the Water.
  2. Why Is My Basement Wet?
  3. We Fix the Cause, Not Just the Puddle
  4. Hills, Clay and Hundred Year Old Walls
  5. Dry Basements Around the City
  6. Wet Basement Questions

Built In

  • invoker commands dialog with @starting-style
  • grain texture
  • sibling-index() staggered fix list
  • exclusive accordion FAQ with animated open
  • Tool on the page, Wet basement diagnosis
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Inline SVG graphics

The Whole Page

Full page of the Slate Moisture Gauge design

On A Phone

Slate Moisture Gauge on a phone
↑