Financial Design · 127 of 210

Harbor Ledger

Harbor navy, brass and sea glass with a live break even chart that shows when a refinance pays for itself. Made for refinance lenders and brokers who want to show the math before the call.

Built for Mortgage Refinance, HELOC / Home Equity. Sample business on the page, Brass Lantern Refinance, Chesapeake VA.

I Want A Site Like ThisOpen The Live Design
Harbor Ledger website design on a desktop
The first screen, “See the Month Your Refi Pays for Itself.”

Colors

#b8891c
#e8f0f5
#ffffff

Fonts

  • Lexend Exa
  • Public Sans

Sections In Order

  1. See the Month Your Refi Pays for Itself.
  2. Refi Break Even Calculator
  3. Why Chesapeake Homeowners Refinance
  4. When We Tell You Not To
  5. What Clients Say
  6. Refinance Questions
  7. Nav: Quick actions

Built In

  • light-dark() dark mode
  • @property animated accent on the call button
  • instant estimator with live SVG break even chart
  • exclusive accordion FAQ
  • Tool on the page, Refi break even calculator
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Inline SVG graphics

The Whole Page

Full page of the Harbor Ledger design

On A Phone

Harbor Ledger 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, Matte and Chrome All Designs

↑