FindInsureWise — Design System

Living style guide · Derived from Homepage specs · All tokens apply site-wide

Colors

Brand Greens

Heading
#1b2c20
H1, H2, display text
Footer BG
#0d1f13
Footer, final CTA — near-black green
Action
#2c5f3a
Subscribe, secondary action buttons
Eyebrow
#3d6e42
Eyebrow labels — muted olive-green
Accent
#3a6b3e
Trust bullet circles, active states

Gold

Gold
#cf9010
Primary CTA buttons + H1 accent line
Gold Hover
#b07a08
CTA button hover
Gold BG
#fef6e7
TL;DR callout background

Neutrals

BG Page
#ffffff
Primary page + hero background
BG Section
#f5f7f4
Subtle alternating section background
BG Card
#ffffff
Cards, inputs
Border
#d8e2d4
Card borders, dividers
Text 1
#2c3b2a
Primary body text
Text 2
#5a6b58
Supporting copy
Text 3
#8a9b88
Muted labels, captions

Typography

Eyebrow 12–16px · Inter 700 · uppercase · 0.12em spacing · --color-eyebrow

Life Insurance with Living Benefits

H1 64px desktop · 40px mobile · Playfair Display 600 · line-height 1.08 · final emphasis line in gold

Term Life Insurance
That Can Help
While You're Alive

H2 44px desktop · 32px mobile · Playfair Display 600 · line-height 1.08

Most term life pays later.
Living benefits may help when life happens.

H3 28px · Playfair Display 600 · line-height 1.2

Critical Illness

Body 18px · Inter 400 · line-height 1.8 · --color-text-1

Affordable term life coverage that protects your family — with living benefits that may provide early cash access after a qualifying serious illness.

Body Muted 18px · Inter 400 · line-height 1.8 · --color-text-2

We compare top-rated carriers to find the best fit for you. No obligation, no pressure — just your best options.

Caption / Meta 14px · Inter 400 · --color-text-3

Jeff Lin · May 12, 2026 · 6 min read

Spacing

Section padding (desktop)
72px 48px
Section padding (mobile)
56px 20px
Section header gap
28px
Card grid gap
28px
Card border-radius
20px
Button border-radius
12px
Max content width
1180–1400px

Buttons

Primary — Gold CTA

Get My Free Quote → Get My Free Quote →

Dark Action — Solid Green

Contact Us Subscribe

Secondary — Green Outline

Compare My Options → Use Coverage Calculator →

Footer CTA — Gold Outline

Get a Free Quote →

Cards

Benefit Cards (shadow, no border)

🏥
Critical Illness

Access a portion of your death benefit if you're diagnosed with a covered critical illness.

Learn more →
🫀
Chronic Illness

Get support if you're unable to perform 2+ daily activities due to a chronic condition.

Learn more →
🛡️
Terminal Illness

Receive early benefits if you're diagnosed with a terminal illness with limited time.

Learn more →

Process Step Cards

1
Tell us about yourself

Answer a few simple questions about you and your family.

2
We find your options

We compare top-rated carriers to find the best fit for you.

3
You decide

Choose your coverage and get protected — fast and stress-free.

Review Card

★★★★★

"Knowing my policy can help my family now, not just later, gives me peace of mind every day."

J
Jessica M.
Mother of Two

Forms

Get My Free Quote →

Accordion (FAQ)

Trust & Micro-copy

Trust Bullets

✓
No obligation
✓
Multiple carriers
✓
Licensed experts
✓
Nationwide coverage

Security Note

🔒 Your information is safe and secure.

TL;DR Callout Box

🛡️ TL;DR
Some term life policies offer living benefits that let you access part of your death benefit early.
These benefits can help with serious illness, chronic conditions, or terminal illness.
Not all policies include living benefits — check your policy details.