Financial Design · 125 of 210

Front Porch Primer

Indigo, butter yellow and tomato red with a house shaped hero and a real what can I afford calculator. Made for mortgage brokers and loan officers who work with first time buyers.

Built for Mortgage (Purchase). Sample business on the page, Bungalow Row Home Loans, Fort Wayne IN.

I Want A Site Like ThisOpen The Live Design
Front Porch Primer website design on a desktop
The first screen, “Your First Home, in Plain Numbers.”

Colors

#1b1f3b
#4b5070
#c63b2b
#fff1c2
#2e3a8c
#ffe28a

Fonts

  • Afacad Flux
  • Mulish

Sections In Order

  1. Your First Home, in Plain Numbers.
  2. What Can I Afford?
  3. Four Ways Into a First Home
  4. The Road Home
  5. Help You Might Not Know About
  6. First Time Buyers Say
  7. First Time Buyer Questions
  8. Nav: Quick actions

Built In

  • shape() roofline hero frame
  • popover tooltips with anchor positioning
  • exclusive accordion FAQ
  • one tap action bar
  • Tool on the page, What can I afford calculator
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Inline SVG graphics

The Whole Page

Full page of the Front Porch Primer design

On A Phone

Front Porch Primer on a phone

More Financial Designs

Sodium Night website design
Sodium NightAuto Loans / Refinance
Window Sticker website design
Window StickerAuto Loans / Refinance
Term Sheet Cobalt website design
Term Sheet CobaltBusiness Loans / Merchant Cash Advance
Sagebrush Dusk website design
Sagebrush DuskCredit Repair

Next Design, Stacked Porch All Designs

↑