Insurance Design · 92 of 210

Trailhead Plum

Deep plum, soft blush and a marigold mark, with a timeline that does the explaining. It fits an agent who meets pet owners at home or on a call and is honest about waiting periods and past conditions.

Built for Pet Insurance. Sample business on the page, Trailtag Pet Coverage, Fort Collins CO.

I Want A Site Like ThisOpen The Live Design
Trailhead Plum website design on a desktop
The first screen, “Know When Your Pet Is Covered Before You Sign”

Colors

#3b1f3f
#5d4a5f
#fffdfb
#f2a81d
#1f6f68
#e5cfc7

Fonts

  • Recursive
  • Karla

Sections In Order

  1. Know When Your Pet Is Covered Before You Sign
  2. When Is My Pet Covered?
  3. What Claims Look Like Around Here
  4. We Come to Your Kitchen Table
  5. Sign Up Before the Next Hike
  6. What Pet Owners Say
  7. Honest Answers About Pet Plans

Built In

  • invoker commands dialog with @starting-style
  • CSS carousel with scroll markers
  • sibling-index() timeline stagger
  • exclusive accordion with animated open
  • Tool on the page, When is my pet covered timeline
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Range slider input

The Whole Page

Full page of the Trailhead Plum design

On A Phone

Trailhead Plum on a phone

More Insurance Designs

Cherry Street Navigator website design
Cherry Street NavigatorHealth Insurance
Big Sky Utility website design
Big Sky UtilityHealth Insurance
Kitchen Table Talk website design
Kitchen Table TalkFinal Expense Insurance, Life Insurance
North Shore Quiet website design
North Shore QuietFinal Expense Insurance, Life Insurance

Next Design, Thermal Camera Red All Designs

↑