Financial Design · 126 of 210

Stacked Porch

Warm paper, sage clapboard and rust with a page stacked like a triple decker, floor by floor, and a real cash to close estimator. Made for mortgage brokers who help people buy two, three and four family homes.

Built for Mortgage (Purchase). Sample business on the page, Grafton Hill Home Loans, Worcester MA.

Stacked Porch website design on a desktop
The first screen, “Buy the Triple Decker. Live on One Floor.”

Colors

#1e2624
#b4441f
#4f5a56
#cfdcd3
#dcd5c6
#3f5a4d

Fonts

  • Viga
  • Libre Franklin

Sections In Order

  1. Buy the Triple Decker. Live on One Floor.
  2. How Much Cash Do I Need to Close?
  3. Two, Three and Four Family Homes
  4. What We Check Before You Offer
  5. Buyers on Grafton Hill
  6. Questions Buyers Ask Us
  7. A Small Office on the Hill
  8. Nav: Quick actions

Built In

  • popover tooltips with anchor positioning
  • exclusive accordion FAQ
  • shape() roofline dividers
  • one tap action bar
  • Tool on the page, Cash to close estimator
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Inline SVG graphics

The Whole Page

Full page of the Stacked Porch design

On A Phone

Stacked Porch on a phone
↑