Home Services Design · 114 of 210

Slate Product Clean

Slate blue on white with product style photos and plain spec labels, like a good hardware catalog. Built for new homeowners deciding to rekey, replace or go keyless.

Built for Locksmith, Home Security & Alarms. Sample business on the page, Front Range Lock and Key, Colorado Springs CO.

Slate Product Clean website design on a desktop
The first screen, “New House? Change the Keys.”

Colors

#d5dde7
#566374
#e9eef4
#3d5a80
#1e2a3a
#f5f7fa

Fonts

  • Familjen Grotesk
  • Ubuntu Sans

Sections In Order

  1. New House? Change the Keys.
  2. What Should I Do With My Locks?
  3. Rekey, Replace or Keyless
  4. Home and Gun Safes
  5. Keys Handed Over This Month
  6. Colorado Springs and North to Monument
  7. Good to Know

Built In

  • booking dialog with invoker commands and @starting-style
  • exclusive accordion FAQ
  • scroll-driven photo settle
  • corner-shape squircle cards
  • Tool on the page, Rekey or replace chooser
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Comparison table
  • Inline SVG graphics

The Whole Page

Full page of the Slate Product Clean design

On A Phone

Slate Product Clean on a phone
↑