Estate Visibility

Brand Style Guide & Design Reference

Contents

Color Palette

Primary

Brand Blue
#245EE3
CTAs, accents, bullet dots
Dark / Near Black
#111111
Dark sections, nav text
Charcoal
#2B2B2B
Headings, body text
Dark Gray
#33373D
Secondary text

Neutrals

White
#FFFFFF
Page background, button text
Light Gray BG
#F4F4F8
Card backgrounds, sections
Medium Gray
#6C6C80
Muted body text
Light Gray Text
#999999
Dark section body copy

Dark Section

Section BG
#111111
Footer CTA band
Dark Card BG
#3F444B
Dark UI elements

Typography

Font Families

Manrope
Headings
Aa Bb Cc Dd Ee Ff Gg 0123456789
Rubik
Body Text
Aa Bb Cc Dd Ee Ff Gg 0123456789
Heebo
Navigation
Aa Bb Cc Dd Ee Ff Gg 0123456789
Poppins
Buttons / Labels
Aa Bb Cc Dd Ee Ff Gg 0123456789

Type Scale

Hero H1 — Manrope 700
Estate Planning
64px / 1.2 line-height / #2B2B2B
Section H2 — Manrope 700
What You Can Expect
40px / 1.2 line-height / #2B2B2B
Card H3 — Manrope 700
Focused, Transparent, Accountable
22px / 1.3 line-height / #2B2B2B
Subheading — Manrope 500
SEO and AI Visibility for
20px / 24px line-height / #2B2B2B
Body — Rubik 400
Get more qualified estate planning clients from Google and AI search. Stop wasting money on outdated SEO.
16px / 28px line-height / #2B2B2B
Navigation — Heebo 400
16.8px / normal line-height / #111111
Button Label — Poppins 600
Schedule a Consultation
13px / normal line-height / #FFFFFF (on blue)

Buttons

Light Background

Schedule a Consultation
Primary — #245EE3 bg, white text, 12px radius
Schedule a Free Consultation
Outline — transparent bg, #245EE3 border + text

Dark Background

Schedule a Free Consultation
Ghost — transparent bg, #245EE3 border + text

Layout & Spacing

Content Width: 1140px

Spacing Scale

--spacing-10 (1rem)
--spacing-20 (1.5rem)
--spacing-30 (2.5rem)
--spacing-40 (4rem)
--spacing-50 (6.5rem)
--spacing-60 (10.5rem)

Block Gap: 1.2rem

Border Radius

3px
Subtle
8px
Inputs
12px
Buttons, Cards
16px
Feature cards
50%
Icons, Avatars

Shadows

Natural
6px 6px 9px rgba(0,0,0,0.2)
Deep
12px 12px 50px rgba(0,0,0,0.4)
Sharp
6px 6px 0px rgba(0,0,0,0.2)

Cards

Feature Card

Image Area

Focused

We work only with estate planning law firms — no distractions, no guessing.

Image Area

Transparent

You'll always know what we're doing, why it matters, and how it's performing.

Comparison Card

Generic SEO Fails Here

  • Short blog posts
  • Over-optimized service pages
  • Tactics built for rankings, not decisions

A Different Strategy

  • Educational content that builds confidence
  • Authority signals AI systems rely on
  • Long-term visibility that compounds

Quick Reference

Brand Blue: #245EE3
Dark: #111111
Text: #2B2B2B
Body Font: Rubik
Heading Font: Manrope
Nav Font: Heebo
Button Font: Poppins
Border Radius: 12px (standard)
Max Width: 1140px