Design System
View
Marketing · Imagery

Illustration

A set of hand-engraved legal motifs and wide-format scenics — the firm's heritage voice. Two sub-categories: Spot Illustrations (nine legal subjects, isolated with transparent backgrounds) and Hero Illustrations (city skylines and the NC cardinal — wide-format, edge-to-edge). Each ships in three tokenized colorways: navy, gold, ivory.

Tokenized colorways

Files are named {motif}-{colorway}.png — e.g. scales-gold.png. The colorway is the token: pick the variant whose contrast clears the surface beneath it.

ColorwayTokenHexGoes onNotes
navy --navy-800 #10243d Light surfaces Default ink. Highest contrast on ivory & white.
gold --gold-400 #c2a15a Dark / photo surfaces Premium accent. Sings on navy; decorative-only on light.
ivory --neutral-100 #f6f2ea Dark / photo surfaces Reversed knockout. Navy & photo surfaces only.

Sub-category A · Spot Illustrations

Nine legal subjects, isolated assets with transparent backgrounds that do not fill edge to edge. Used as foreground accents, centered images, or section watermarks in content bands and page sections.

The set & when to use it

Each motif shown in all three colorways on the surface it's built for, with a meaning and a usage cue. The attention badge mirrors the colour system — how much visual weight the motif should carry.

Legal scales in navynavy
Legal scales in goldgold
Legal scales in ivoryivory

Legal scales

High

Balance, fairness, advocacy

The signature motif. Practice-area overviews, "know your rights," and anywhere the brand needs a single legal anchor.

scales-navy.pngscales-gold.pngscales-ivory.png
Signed document in navynavy
Signed document in goldgold
Signed document in ivoryivory

Signed document

Med

Agreements, wills, execution

The most versatile and friendly. Estate planning, wills & trusts, "sign your plan," engagement steps.

signature-navy.pngsignature-gold.pngsignature-ivory.png
Law books in navynavy
Law books in goldgold
Law books in ivoryivory

Law books

Med

Knowledge, experience, statute

Resources, blog headers, credentials, and "decades of experience" proof points.

books-navy.pngbooks-gold.pngbooks-ivory.png
Courthouse in navynavy
Courthouse in goldgold
Courthouse in ivoryivory

Courthouse

Med

Institutions, formal proceedings

Probate & estate administration, court processes, and locations. Conveys formality.

courthouse-navy.pngcourthouse-gold.pngcourthouse-ivory.png
Gavel in navynavy
Gavel in goldgold
Gavel in ivoryivory

Gavel

Low

Rulings, authority, resolution

Litigation, disputes, guardianship hearings. The most assertive motif — use sparingly so it stays special.

gavel-navy.pnggavel-gold.pnggavel-ivory.png
File box in navynavy
File box in goldgold
File box in ivoryivory

File box

Med

Records, filing, administration

Probate & estate administration, document filing, "we handle every filing." Pairs naturally with process pages.

files-navy.pngfiles-gold.pngfiles-ivory.png
Estate key in navynavy
Estate key in goldgold
Estate key in ivoryivory

Estate key

Med

Access, ownership, unlocking

Property & ownership, "the key to your plan," surplus funds, partition. Warm and tangible.

key-navy.pngkey-gold.pngkey-ivory.png
Family tree in navynavy
Family tree in goldgold
Family tree in ivoryivory

Family tree

Med

Legacy, growth, generations

Legacy & estate planning, family, generational wealth. The most human motif — good for warm, reassuring bands.

tree-navy.pngtree-gold.pngtree-ivory.png
Property deed in navynavy
Property deed in goldgold
Property deed in ivoryivory

Property deed

Med

Title, ownership on record, the deed itself

Deed-and-will explainers, real-property title, survivorship beats. Added for the chapter-explainer video format.

deed-navy.pngdeed-gold.pngdeed-ivory.png
Register of Deeds in navynavy
Register of Deeds in goldgold
Register of Deeds in ivoryivory

Register of Deeds

Med

The county record, recorded instruments

"Pull the recorded deed," Register of Deeds, recording and acknowledgment beats.

register-navy.pngregister-gold.pngregister-ivory.png
Strongbox in navynavy
Strongbox in goldgold
Strongbox in ivoryivory

Strongbox

Low

A trust, assets held apart, protected property

Trust ownership, assets that follow their own document, "held outside the will."

strongbox-navy.pngstrongbox-gold.pngstrongbox-ivory.png
Carolina cardinal in navynavy
Carolina cardinal in goldgold
Carolina cardinal in ivoryivory

Carolina cardinal

Low

North Carolina, local roots

Location pages, NC pride, "serving North Carolina families." A regional anchor — keep it to place/identity moments.

north-carolina-state-bird-navy.pngnorth-carolina-state-bird-gold.pngnorth-carolina-state-bird-ivory.png
High  Anchors a section — use one per view. Med  Supports a card or step. Low  Reserved / sparing — keeps its punch.

Sub-category B · Hero Illustrations

Wide-format, landscape-oriented illustrations — designed exclusively for the Large Hero style (see below). Includes three NC city skyline panoramics and the NC cardinal bird. Do not use as section watermarks or small foreground figures.

Raleigh in navynavy
Raleigh in goldgold
Raleigh in ivoryivory

Raleigh

Large Hero

Capital city skyline

Raleigh city page hero. Wide-format panoramic — Hero style only.

raleigh-navy.pngraleigh-gold.pngraleigh-ivory.png
Durham in navynavy
Durham in goldgold
Durham in ivoryivory

Durham

Large Hero

Bull City skyline

Durham city page hero. Wide-format panoramic — Hero style only.

durham-navy.pngdurham-gold.pngdurham-ivory.png
Winston-Salem in navynavy
Winston-Salem in goldgold
Winston-Salem in ivoryivory

Winston-Salem

Large Hero

Twin City skyline

Winston-Salem city page hero. Wide-format panoramic — Hero style only.

winston-salem-navy.pngwinston-salem-gold.pngwinston-salem-ivory.png
NC Cardinal Bird in navynavy
NC Cardinal Bird in goldgold
NC Cardinal Bird in ivoryivory

NC Cardinal Bird

Large Hero

North Carolina state bird, NC pride, regional identity

Locations index hero and NC-identity moments. Wide-format with transparent background — Hero background style only.

nc-cardinal-bird-navy.pngnc-cardinal-bird-gold.pngnc-cardinal-bird-ivory.png

Large Hero style (Hero Illustrations only)

Large Hero illustrations fill the entire section edge to edge and are only placed in hero/pagehead bands. Two delivery modes:

  • Background — marketing-illus-hero-bg: absolute <img> that covers the full section (object-fit: cover) behind the content at ~20% opacity. Matches the section's background color. Use the ivory colorway on dark (deep/navy) bands.
  • Foreground circle — marketing-illus-circle: full-opacity image cropped to a circle with a border colored by the combo's --c-accent token. Can be placed left, right, or centered, and sized medium (320 px) or large (460 px). Use the navy colorway on light (ivory/sand) bands. Never place text inside or overlapping the circle.
Durham, North Carolina
Pierce Law Group Serving Durham
Helping Bull City families plan their estates and navigate probate.
Large Hero Background · ivory on deep navy · marketing-illus-hero-bg · edge-to-edge · ~20% opacity
Trusted Legal Help in the Bull City

Durham anchors the Research Triangle — a fast-growing city built around Duke University, RTP, and a deep community of families.

Large Hero Foreground circle · navy on sand · marketing-illus-circle · right split · gold accent border
Do
  • Background: use ivory colorway on dark surfaces; let the image cover the entire section.
  • Foreground circle: use navy colorway on light surfaces; border color = --c-accent of the hosting combo.
  • Place foreground circles left, right, or centered — all three are valid.
  • Use medium (320 px) or large (460 px) circle sizes.
  • Match the illustration to the city page it lives on.
Don't
  • Don't use Hero illustrations as mid-page section watermarks — they are too wide.
  • Don't place text inside or overlapping the circle.
  • Don't use Large Hero illustrations for Spot Illustrations — this style is Hero Illustrations only.
  • Don't mix a Hero illustration with a Spot Illustration watermark in the same band.
  • Don't use city skyline illustrations on non-city pages; match illustration to the page's place or identity.

Foreground vs. subtle background

The same motif plays two roles — and the role dictates the technique:

  • Foreground split (focal, full-opacity): render it as an <img> (use .marketing-figure) in a split column via marketing-sec--figured or marketing-sec--figured--left. Illustration and prose sit in separate columns — never overlapping.
  • Foreground centered (focal, full-opacity): render it as an <img> with .marketing-figure.marketing-figure--center, placed in the flow of center-aligned content — e.g., between a headline and an eyebrow, or between a section head and the carousel. Must sit in its own clear space with breathing room above and below. Never overlap text.
  • Background watermark (texture only): use the marketing-sec--art-* mask, sitting behind the text at ~6–10% opacity so copy reads cleanly on top.
Gold scales, foreground split
Foreground split
Balance you can feel
High Gold on navy · split column · full opacity
Navy cardinal, centered foreground
Client Experiences
High Navy on ivory · centered in content flow · full opacity
Faint courthouse watermark
Subtle watermark
Probate, handled with care

Body copy sits cleanly on top.

Low Navy on ivory · ~8% opacity · bleeds off a corner

Illustration rhythm & variety

Repeating the same illustration style back-to-back flattens the page. Before placing an illustration, audit the full page and vary along at least one axis. Reserve illustrations for key sections only — not every sub-section.

Placement options

PlacementTechniqueWhen to use
Left splitmarketing-sec--figured--leftVisual-led hero-weight sections
Right splitmarketing-sec--figuredFeature sections where prose leads
Center inlinemarketing-figure--centerCenter-aligned content — between heading and subhead
Background watermarkmarketing-sec--art-*Texture in text-heavy or supporting bands
Do
  • Alternate placement on consecutive illustrated sections — don't use the same layout twice in a row.
  • Vary colorway when the same motif reappears — navy on one band, gold or ivory on the next.
  • Reserve illustrations for key moments: anchors, trust sections, emotional beats.
  • Scan the full page before adding — if the motif or layout already appears nearby, choose a different one.
Don't
  • Don't repeat the same illustration style (e.g., background-right watermark) on back-to-back sections.
  • Don't illustrate every section — sparse placement keeps each illustration special.
  • Don't reuse the same motif twice on one page without clear visual distance between instances.
  • Don't use the same colorway on adjacent sections with matching color combos.

Do & don't

Do
  • Pick the colorway that clears contrast on its surface.
  • Use one anchor motif per view; let it breathe.
  • Drop opacity to ~6–10% when using as a background watermark.
  • Keep illustrations and photography apart — one or the other per band.
Don't
  • Don't recolor outside the three tokenized colorways.
  • Don't place ivory motifs on light or gold motifs on white as text.
  • Don't crowd several motifs together — they compete.
  • Don't stretch or skew; scale uniformly only.

Prompt guide

Generate new illustrations that stay true to the Pierce Law Group hand-engraved style. The art direction block is fixed — hold it constant across every generation. Choose a fill color, a format, and describe the subject. Copy the assembled prompt directly into your image-generation tool (GPT-Image, Midjourney, Firefly, Ideogram, etc.).

Master art direction — hold constant

Single-color hand-engraved illustration for Pierce Law Group, a premium North Carolina estate-planning, probate, and elder-law firm. Heritage style — the mark of a trusted Southern institution.

Style
Hand-engraved illustration in the tradition of 19th-century steel engraving and copperplate etching. The aesthetic of certificates, law-book frontispieces, banknote vignettes, and official seals. Precise, authoritative, quietly warm — never digital-gradient, never illustrative, never decorative-modern.
Linework
Fine parallel hatching and cross-hatching build all depth, volume, and texture through line density — never shading, blending, airbrush, or gradients. Every tonal shift is achieved by spacing lines closer together or farther apart. No filled areas; no washes; no painterly marks. The lines themselves are the image.
Color rule
Exactly one flat fill color throughout — specified per generation below. Every line, every shape is the same single solid hue on a transparent background. Zero second colors: no contrasting outline, no highlight layer, no shadow in a different tone, no background tint. One color, full stop.
Background
Fully transparent — alpha channel PNG with no ground plane, no vignette, no cast shadow, no environment color. The motif floats in clean negative space, ready to composite on any surface.
Detail level
High internal detail. Small elements — feathers, columns, book spines, foliage, brickwork, rope, scales — must be individually articulated with fine engraved lines. The illustration should reward close inspection at full size. Overall silhouette reads clearly at small scale; intricate linework reveals itself at large scale.
Composition
Spot: subject is centered on a square canvas with generous breathing room on all sides — the motif does not touch the edges. Hero: subject fills the full width edge to edge in a wide panoramic (≈3:1 landscape) — details extend to the frame boundary.
Mood
Authoritative, warm, and quietly proud. The heritage weight of a respected Southern institution. Never clip-art or icon-flat. Never cartoon or playful. Never corporate-generic or cold. The tone of a firm that has served families for generations.
Lettering
If the subject includes text, inscriptions, or letterforms (a seal motto, book spine title, document heading, monogram), render each character as a precisely engraved glyph — clean, upright, fully legible at the intended size. Spell out every word character by character in the SUBJECT field. Avoid condensed or fused letter clusters. If legibility cannot be guaranteed, use a purely symbolic or ornamental treatment instead (a decorative rule, a lozenge border, or a blank ribbon).
Never
No gradients. No color fills or washes. No photorealism or semi-realism. No outlines in a contrasting color. No baked-in text, lettering, or watermarks unless explicitly specified in the subject. No drop shadows, glows, or inner-shadow effects. No halftone dots. No second fill color. Exactly one fill color — the one specified. No garbled, distorted, fused, or AI-invented letterforms — every character must be a recognizable, legible glyph or omitted entirely.

Build your prompt

Fill color
Format
Subject

Be specific: name the object, describe its posture or angle, and call out any meaningful details — open book vs. closed, gavel raised vs. resting at rest, scales balanced vs. tipped.

Assembled prompt — ready to paste
 
If the result drifts photorealistic or loses linework, append: "strictly engraved parallel and cross-hatched linework only, no shading or painterly marks, single flat color, transparent background, copperplate etching style."