Modules
Composed molecules — cards, prose, accordions, forms. Each carries its own combo (usually .combination-paper) so it sits correctly on any band, light or dark mode. Built for the real page inventory on piercelaw.com: practice-area articles, the team grid, locations, contact, reviews, and the blog.
Feature card & numbered card
Benefit grids on light bands use marketing-feature (gold keyline grows on hover); add marketing-feature--lg for the larger editorial variant (bigger icon + type, more air — used on the team page intro). Dark bands use marketing-numcard inside a joined grid.
marketing-card marketing-feature combination-paper
Focused on families & legacy
A short supporting sentence describing the benefit to the reader.
Straight answers from day one
A short supporting sentence describing the benefit to the reader.
marketing-card marketing-feature marketing-feature--lg combination-paperlarger icon + type · editorial value-prop grids
Compassion & expertise
A short supporting sentence describing the benefit to the reader.
marketing-numcard (in .marketing-grid-4--joined on a dark band)
01
Full-service guidance
Comprehensive counsel for North Carolina families under one roof.
02
Personalized representation
Guidance shaped around your family's goals — not a template.
Review, team & image cards
The review card pairs stars with an italic display quote. Team cards keep real photography untouched. Image cards drive the practice-areas index and blog lists.
marketing-card marketing-quotecard combination-paper
★★★★★
While most attorneys saw dollar signs, she saw me as a person first.
Che X. · Google
marketing-card marketing-teamcard combination-paperphoto · name · role
marketing-card marketing-imgcard combination-paperpractice-area index · blog cards
Location, definition & callouts
Offices with directions, “What is a Will?”-style definition cards, and bordered callouts for warnings and notes.
marketing-card marketing-loccard combination-paper
Raleigh
- 9121 Anson Way, Suite 200
Raleigh, NC 27615 - (919) 341-7055
- Mon–Fri, 8:00am–6:00pm
marketing-card marketing-defcard combination-paper · marketing-callout
What is a Power of Attorney?
A short definition set in Newsreader for comfortable reading. One or two sentences that answer the question plainly before linking deeper.
Choose your agent carefully
A warning or caveat the reader shouldn't miss, kept short and plain-spoken.
Pull quote, checklist, link rows & steps
Editorial furniture for article pages and band compositions.
marketing-pullquote · marketing-checklist
Estate planning is about more than documents — it's about the people you love.
Jared Pierce · Managing Attorney
- Free consultation
- Trusted across North Carolina
- Personalized estate plans
- Responsive legal guidance
marketing-linkrows (--2col) · marketing-stepsadd --journey for the full-page editorial variant: oversized numerals, per-step thin icon + "you leave with" hint
Tell us about your situation
A short call or form — we listen first.
Meet your attorney
A free consultation to map your options and fees.
We handle the rest
Clear milestones and steady communication to the finish.
FAQ accordion & long-form prose
Native <details> accordion — no JS required. Prose sets multi-paragraph copy in Newsreader with display headings; the workhorse of practice-area and blog pages.
marketing-faq
How much does an estate plan cost?
We agree on fees in advance and let you choose the level of service that fits your family — no surprises.
Do I need a trust, or is a will enough?
It depends on your assets and goals; we'll walk through both in plain language.
How long does probate take in North Carolina?
Most estates settle within months; complex ones can take longer — we keep things moving.
marketing-proseNewsreader body · Playfair headings · 72ch measure
Planning for every facet of your life
A complete estate plan addresses more than what happens after death — it protects you and your family through every season, including periods of incapacity. Lifetime planning deserves the same care as legacy planning.
What documents make a successful estate plan?
Most families are well-served by a core set of documents, tailored to their circumstances:
- A will that names guardians and directs your property
- A durable power of attorney for finances
- A health-care power of attorney and living will
The best plan is the one your family can actually use when the moment comes.
Every plan is personal. We take time to understand your goals before recommending a single document.
Prose rhythm & timeline
Editorial cues that break a wall of body copy into digestible beats. The CMS sectionizer applies marketing-lead (oversized opening sentence), marketing-subhead (a bold lead-in promoted to a small head) and marketing-keypoints (a bold-term list rendered as hairline-ruled rows) to scraped copy — all hand-usable too. A run of Phase N/Step N sections collapses into marketing-timeline.
marketing-lead · marketing-subhead · marketing-keypoints
Settling an estate is a sequence of decisions — most of them unfamiliar, and all of them on a deadline.
We map the whole process up front so nothing important is left to chance, and so you always know what comes next.
- Letters Testamentary: Issued when there is a valid will that names an executor.
- Letters of Administration: Granted when no will exists and the court appoints you.
- Certificate of Trust: Recognizes a successor trustee when a living trust is in place.
What if there is no will? The estate passes by North Carolina's intestacy statutes — a default plan the State has written, which may not match your family's wishes.
marketing-timelinenumbered nodes on a connecting spine · token-driven
- Phase 1
Gather details
Collect the will, account statements, deeds, and recent tax returns — the foundation for everything that follows.
- Phase 2
Apply for probate
File with the Clerk of Superior Court to be recognized as the estate's legal representative.
- Phase 3
Qualify & administer
Inventory assets, notify creditors, and distribute what remains to the rightful heirs.
Sticky sub-nav
A horizontal section index for long article pages. It pins under the masthead and tracks the section under the reader (filled-gold active pill). Built from a page's own headings, so labels are kept short at the source — items never truncate. Wrap the bar in data-subnav; ds-marketing.js wires the edge-fade hints and scroll-spy. The host supplies smooth-scroll and a matching scroll-margin-top on targets.
marketing-subnavedge-faded · scroll-spy active pill · token-driven
Topic explorer & modal
Progressive disclosure for long articles: prose sections become scannable marketing-topiccards in a marketing-explorer grid, each opening its full copy in a marketing-modal (native <dialog>). The card is an <article> with one trigger button whose stretched ::after makes the whole card clickable (valid markup — no heading nested in a button). Content is SSR'd inside the dialog, so it stays crawlable. ds-marketing.js opens/closes on data-modal-open / data-modal-close; <dialog> handles focus-trap + Esc.
marketing-explorer > marketing-topiccard → marketing-modalclick a card · native dialog
Collapsible stepper
The marketing-timeline spine reads as a scannable stepper — each step (marketing-timeline__step, a native <details>) shows just its title and expands inline to the full copy. No JS, content stays in the DOM.
marketing-timeline__step (details/summary)
-
Phase 1Gather details
Collect the will, account statements, deeds, and recent tax returns — the foundation for everything that follows.
-
Phase 2Apply for probate
File with the Clerk of Superior Court to be recognized as the estate's legal representative.
Intake form, contact rows, logos & framed media
The gold-crowned intake card (skin only — the lead pipeline's fields and submit logic never change), contact rows for footers and sidebars, the grayscale-to-color logo strip, and hairline-framed imagery.
marketing-formcard
marketing-contactlist · marketing-logostrip · marketing-media
- (919) 341-7055
- [email protected]
- 9121 Anson Way, Suite 200
Raleigh, NC 27615
Carousel
Scroll-snap track with edge fades, dots, arrows, and optional autoplay (data-autoplay) that pauses on hover/focus. Fully functional below.
marketing-carouseldata-carousel · data-track · data-dots · data-prev/next
- ★★★★★
Wish there were more stars to give!
Client 1 · Google - ★★★★★
So valuable, professional and kind.
Client 2 · Google - ★★★★★
Gave me closure in a matter of minutes.
Client 3 · Google - ★★★★★
Everyone was extremely supportive.
Client 4 · Google - ★★★★★
Mr. Pierce himself answered the phone!
Client 5 · Google