Design System
View
Marketing · Library

Sections

Full-width band recipes: a section is .marketing-sec (or a specialized band) + a color combination + modules inside. Bands alternate combos to build rhythm, and every band is dark-mode ready by construction.

Hero — split with intake

.marketing-hero on .combination-deep (gradient): message + trust ticks + count-up stats left, gold-crowned intake right. Attention: high — one per site.

marketing-hero combination-deep marketing-sec--gradient

Protect your family'slegacy & future

Estate Planning · Probate · Trusts

Speak with an experienced North Carolina attorney — with compassionate guidance every step of the way.

10,000+Families helped
5.0Google reviews

Speak to an attorney

Page header

.marketing-pagehead on .combination-navy: crumbs on top, balanced title, eyebrow set under the title as a folio line (CSS order — keep markup eyebrow-first), optional lead. The standard opener for every inner page. Every top-level page carries its own engraved plate via .marketing-pagehead--art-scales/-courthouse/-books/-signature/-gavel (the DS illustrations, alpha-masked and inked from the combo's accent token); .marketing-sec--art-* puts the same plates on mid-page bands, and .marketing-sec--etched is the thin-line scales variant.

marketing-pagehead combination-navy
Practice Area

Estate planning in North Carolina

Wills, trusts, and powers of attorney — planned around your family.

CTA band

.marketing-ctaband + .combination-gold is the inverse attention surface — it stays gold in dark mode, so the conversion moment never fades. The navy variant is the quieter sibling for secondary CTAs.

marketing-ctaband combination-goldattention: high · stays gold in dark mode
Free Consultation

Ready to protect what you've built?

No obligation. We reply within one business day.

marketing-ctaband combination-navyattention: med

Questions about probate?

Image band

.marketing-imageband: full-bleed photography behind a navy scrim, copy on the readable side. On mobile the image stacks above a navy panel. Attention: high.

marketing-imageband
Our Approach

The importance of listening

We take the time to understand what your family is navigating.

Speak to an attorney

Article layout

.marketing-article: long-form prose with a sticky sidebar (intake card + contact rows). The workhorse for practice-area pages and posts.

marketing-article (prose + sidebar)

What documents make a successful estate plan?

Most families are well-served by a core set of documents tailored to their circumstances — a will, durable powers of attorney, and often a revocable trust.

Each works together: the will directs property and names guardians, while powers of attorney protect you during life.

Page recipes & rhythm

Bands alternate combos so no two adjacent sections share a surface; dark bands (navy/deep) punctuate roughly every third band; combination-gold appears once per page at the conversion moment. Add data-reveal to section heads and data-reveal-group to grids for entrance choreography.

Page typeSection stack (top → bottom)
HomeHero split (deep) → Reviews carousel (ivory) → Practice split (sand) → Logo strip (goldwash) → Feature grid (ivory) → Image band → Approach grid (sand) → Numbered band (navy) → Footer (deep)
Practice area (article)Page header (navy) → Article: prose + sticky intake sidebar (ivory) → Definition cards / callouts inline → FAQ (ivory) → CTA band (gold) → Footer
Practice areas (index)Page header (navy) → Image-card grid (ivory) → Reviews carousel (sand) → CTA band (gold) → Footer
TeamPage header (navy) → Team grid (ivory) → Philosophy prose (sand) → CTA band (gold) → Footer
Locations / ContactPage header (navy) → Location cards + form split (ivory) → Map/Directions rows → CTA band (navy) → Footer
Blog / NewsPage header (navy) → Image-card list + pagination (ivory) → CTA band (gold) → Footer
Article / PostPage header (navy, crumbs) → Article: prose + sidebar (ivory) → Related image-cards (sand) → CTA band (gold) → Footer
Propagation: sections are recipes, not bespoke CSS — they compose .marketing-sec, combos, grids, and modules from src/styles/ds/marketing-components.css. Restyle a token or a module once and every page updates.