Financial Design · 111 of 210

Buoy Paint

Crisp white with harbor blue and buoy red, big friendly type and a film strip of real life. Made for a small lender whose loan officer meets people at home or at the library and talks budget first.

Built for Personal Loans. Sample business on the page, Kenduskeag Lending, Bangor ME.

Buoy Paint website design on a desktop
The first screen, “Check the Loan Against Your Budget First”

Colors

#ffffff
#13233a
#163d6c

Fonts

  • Gayathri
  • Source Sans 3

Sections In Order

  1. Check the Loan Against Your Budget First
  2. Will the Payment Fit?
  3. What People Here Borrow For
  4. We Come to You
  5. From Lincoln to Bucksport
  6. What Borrowers Say
  7. Questions We Get at the Table
  8. Let's Look at It Together
  9. Nav: Quick actions

Built In

  • light-dark() dark mode
  • exclusive accordion FAQ
  • customizable select
  • job photo story strip
  • Tool on the page, Budget fit check
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Range slider input
  • Dark mode (prefers-color-scheme)
  • Inline SVG graphics

The Whole Page

Full page of the Buoy Paint design

On A Phone

Buoy Paint on a phone
↑