Home Services Design · 60 of 210

Engineering Sheet

Concrete gray and rebar orange laid out like a drawing sheet, with dimension lines and a title block. Made for foundation and structural contractors who win on plain facts.

Built for Foundation Repair, Basement Waterproofing, Concrete & Paving. Sample business on the page, Trinity Pier and Foundation, Fort Worth TX.

Engineering Sheet website design on a desktop
The first screen, “Cracks in the Brick? Measure Before You Lift.”

Colors

#2b2e31
#c8511a
#565b60
#f2f1ed
#e3e2de
#d4d3ce

Fonts

  • Kantumruy Pro
  • Hind Siliguri

Sections In Order

  1. Is Your Foundation Moving?
  2. How We Hold a House Up
  3. What We See on Site
  4. Where We Work
  5. Straight Answers About Foundations
  6. Nav: Quick actions

Built In

  • popover tooltips with anchor positioning on the drawing callouts
  • sibling-index() staggered risk meter
  • one tap action bar
  • exclusive accordion FAQ with animated open
  • Tool on the page, Foundation warning sign check
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Inline SVG graphics

The Whole Page

Full page of the Engineering Sheet design

On A Phone

Engineering Sheet on a phone
↑