Design System
System
Video · Capture

Thumbnails

Every character carries four thumbnail slots: two states, each composed separately for desktop and mobile. A production resolves exactly one slot by scoring the script twice — once against the cast to pick a person, once against the scenario clusters to pick a state.

Thumbnails carry no text. Headlines, eyebrows, and captions are composited by the video engine from contract.json word budgets. A still with baked-in type cannot be reused across topics and cannot be re-cut for a short, so text in the plate is a rejection.

The four slots

Mobile is composed, never centre-cropped from the desktop master — the same rule the campaign before/after pairs already follow. Every character carries the same two states, children included: the blog covers minor-injury topics, and those posts need a child on the cover.

SurfaceRatioAdult statesMinor states
Desktop16:9before, afterbefore, after
Mobile9:16before, afterbefore, after

How a topic resolves

Two independent scores, in this order. Either one failing to match stops the resolution rather than guessing — a cover with the wrong person is worse than a cover a producer has to choose.

  1. Who — the script is tokenised and scored against each character's keywords (vehicle, body part, city, collision type for the adults; scooter, booster seat, crosswalk and minor settlement for Billy and Sally). Every character is in the pool; a child's vocabulary and an adult's barely overlap, so the score separates them without a flag.
  2. Which state — the title is scored against the scenario clusters below. Longer keyword phrases outrank single words, so “settlement release” beats a bare “settlement”.
  3. Which asset — the character's slot matching that state and the render surface.
Fallback: a topic that matches no cluster resolves to attorney-process, which is a before state. The claim is still open, so a restored-vehicle sunrise frame would overstate where the reader actually is.

Scenario clusters

17 clusters derived from wallacepierce.com/firm-blog, sampled across its 629 pages. The blog is a claims-process Q&A, so the vocabulary is weighted toward releases, records, liens, and offers rather than collision mechanics.

ClusterStateExample post
settlement-release
Settlement releases and signing
after What should I look for before signing a personal injury settlement release?
offer-evaluation
Evaluating and negotiating offers
after How do I know whether an insurance settlement offer is too low?
liens-subrogation
Liens, subrogation, and repayment
after Can my health insurance company ask to be repaid from my settlement?
insurer-contact
Talking to the insurance company
before Should I talk to the insurance company before hiring a lawyer?
medical-records
Medical records and documentation
before How can my medical records help support a car accident injury claim?
treatment-symptoms
Treatment, symptoms, and prognosis
before Can I include ongoing nerve pain after shoulder surgery in my claim?
evidence
Evidence and proving the claim
before What evidence should I gather to prove my pain and suffering?
lost-wages
Lost wages and employment
before What happens if my employer refuses to fill out the lost-wages form?
coverage
Coverage, UM/UIM, and no insurance
before Can I sue the at-fault driver when there is no uninsured motorist policy?
deadlines
Deadlines and statute of limitations
before How long do I have to file a lawsuit after a car accident?
attorney-process
Hiring counsel and case updates
before How often should I expect updates from my attorney?
liability
Fault and liability
before What happens if the other driver was at fault in a car accident?
crash-aftermath
Crash aftermath and first steps
before What information should I gather after a car accident?
passengers
Passengers and multiple claimants
before Can passengers who went to the emergency room recover medical bills?
premises
Premises and public-space injuries
before What evidence helps prove a business failed to keep visitors safe?
wrongful-death
Wrongful death and estates
before What happens if family members disagree about who should serve as executor?
minors
Minors and guardian ad litem
before What can a guardian ad litem do if settlement documents seem incomplete?

Worked examples

Resolved live by clusterForTopic() at build time, so this table cannot drift from the resolver it documents.

Post titleClusterState
What should I look for before signing a personal injury settlement release? settlement-release after
How do I know whether an insurance settlement offer is too low after an accident? offer-evaluation after
Can I include ongoing nerve pain after shoulder surgery in my car accident injury claim? treatment-symptoms before
What information should I gather after a car accident? crash-aftermath before
How often should I expect updates from my attorney while we are waiting on medical records? attorney-process before

Published plates

Every slot that has art, at the composition a cover actually uses. Before puts the subject frame right and leaves the left half clear; after mirrors it. Mobile keeps the subject in the upper two thirds because the vertical cover fades to navy and draws the question underneath.

Carlos 4 / 4

Carlos, before state, desktop cover plate
before desktop · 16:9
Carlos, after state, desktop cover plate
after desktop · 16:9
Carlos, before state, mobile cover plate
before mobile · 9:16
Carlos, after state, mobile cover plate
after mobile · 9:16

Leslie 4 / 4

Leslie, before state, desktop cover plate
before desktop · 16:9
Leslie, after state, desktop cover plate
after desktop · 16:9
Leslie, before state, mobile cover plate
before mobile · 9:16
Leslie, after state, mobile cover plate
after mobile · 9:16

Dan 4 / 4

Dan, before state, desktop cover plate
before desktop · 16:9
Dan, after state, desktop cover plate
after desktop · 16:9
Dan, before state, mobile cover plate
before mobile · 9:16
Dan, after state, mobile cover plate
after mobile · 9:16

Susan 4 / 4

Susan, before state, desktop cover plate
before desktop · 16:9
Susan, after state, desktop cover plate
after desktop · 16:9
Susan, before state, mobile cover plate
before mobile · 9:16
Susan, after state, mobile cover plate
after mobile · 9:16

Darryl 4 / 4

Darryl, before state, desktop cover plate
before desktop · 16:9
Darryl, after state, desktop cover plate
after desktop · 16:9
Darryl, before state, mobile cover plate
before mobile · 9:16
Darryl, after state, mobile cover plate
after mobile · 9:16

Lauren 4 / 4

Lauren, before state, desktop cover plate
before desktop · 16:9
Lauren, after state, desktop cover plate
after desktop · 16:9
Lauren, before state, mobile cover plate
before mobile · 9:16
Lauren, after state, mobile cover plate
after mobile · 9:16

Cliff 2 / 4

Cliff, before state, desktop cover plate
before desktop · 16:9
Cliff, after state, desktop cover plate
after desktop · 16:9
Replacement art pending
before mobile · 9:16
Replacement art pending
after mobile · 9:16

BillyMinor 4 / 4

Billy, before state, desktop cover plate
before desktop · 16:9
Billy, after state, desktop cover plate
after desktop · 16:9
Billy, before state, mobile cover plate
before mobile · 9:16
Billy, after state, mobile cover plate
after mobile · 9:16

SallyMinor 4 / 4

Sally, before state, desktop cover plate
before desktop · 16:9
Sally, after state, desktop cover plate
after desktop · 16:9
Sally, before state, mobile cover plate
before mobile · 9:16
Sally, after state, mobile cover plate
after mobile · 9:16

Readiness

34 of 36 slots have published art. A slot awaiting art resolves to pending. Choose relevant reviewed artwork or wait for the replacement before rendering its cover.

CharacterSlotsPublished
Carlos before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Leslie before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Dan before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Susan before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Darryl before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Lauren before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Cliff before-desktop, after-desktop, before-mobile, after-mobile 2 / 4
BillyMinor before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
SallyMinor before-desktop, after-desktop, before-mobile, after-mobile 4 / 4
Art is not generated by this system. Thumbnail plates come from the reviewed art pipeline and are registered with npm run timds -- assets add under the key each slot declares, then published. Injury depiction is capped for every character alike: crutch, sling, cast, light scratches, and no gore.

Owner: Wallace Pierce Design System