Design System
System
Video · Engine

Text layouts

Every scene draws its copy over footage in one of a fixed set of positions, and the position is data on the footage asset, not a choice the component makes. This page is the complete set: the seven values text may take in video/assets.json, what each one resolves to on a 16:9 and a 9:16 frame, and the lanes every frame carries whatever the placement — captions, watermark, and the two footage-free cards.

Text sits opposite the subject. The asset records where its subject is (subject) and where copy may go (text); the Scene component reads the second and never reasons about the first. A clip whose crash happens on the right gets left-center; a character plate with the person on the left gets right-center. Centring copy over a face or an impact is a catalog defect, fixed on the asset, not in the component.

What the panel is

One block, three lines, the same on every placement. The eyebrow is the scene role from the producer block, in the UI face, tracked and uppercase. The headline is display type — Oswald, 700, uppercase — with exactly one gold phrase. The subline is body copy in muted text. On 16:9 the block is a 830px navy panel with a yellow left rule; on 9:16 it has no panel, because the whole frame already sits under a scrim, and it centres.

North Carolina law

The other driver's insurer is not on your side.

Their adjuster works for them. Say nothing until you have spoken to a lawyer.

LineFaceBudgetSource
EyebrowUI, 700, tracked, uppercase, accent6 wordsproducer.roleEyebrows by scene role
HeadlineDisplay, 700, uppercase; one gold phrase8 words horizontal, 8 in a shortscene.headline and scene.goldPhrase
SublineBody, muted10 wordsscene.subline, horizontal only

The seven placements

These are the only values the engine accepts; anything else fails validation before the studio opens. Each is drawn at its real proportions: the shaded block is where the panel lands, the dashed lane is the caption lane, and the small marks are the logo and watermark labels that every frame carries.

text: "left-center"

Panel at the left edge, vertically centred. The default when an asset sets no placement.

Use it when Subject sits centre or right: the car ahead, an impact on the right lane, a face in the right third.

left-center
1920 × 1080 · left-center
upper
1080 × 1920 · upper
text: "left-bottom"

Panel at the left edge, resting on the lower margin above the watermark.

Use it when Subject holds the upper half — a skyline, an overhead sign, a truck cab filling the top of the frame.

left-bottom
1920 × 1080 · left-bottom
lower
1080 × 1920 · lower
text: "right-center"

Panel at the right edge, vertically centred.

Use it when Subject sits left: a character plate with the person on the left, a merge from the left lane.

right-center
1920 × 1080 · right-center
upper
1080 × 1920 · upper
text: "right-bottom"

Panel at the right edge, on the lower margin.

Use it when Subject is upper-left. The rarest placement; it competes with the bottom-right watermark label, so the panel clears it by the lower margin.

right-bottom
1920 × 1080 · right-bottom
lower
1080 × 1920 · lower
text: "upper"

A vertical-first value: text in the upper band of a 9:16 frame. On 16:9 it falls back to the default left-centre panel.

Use it when A vertical clip whose subject is in the lower half — the dash, the hood, a body in the road.

left-center
1920 × 1080 · left-center
upper
1080 × 1920 · upper
text: "lower"

A vertical-first value: text in the lower band of a 9:16 frame, above the caption lane. On 16:9 it becomes left-bottom.

Use it when A vertical clip whose subject is in the upper half — the sky, an overhead signal, the far road.

left-bottom
1920 × 1080 · left-bottom
lower
1080 × 1920 · lower
text: "bottom"

Same result as lower on both formats. Accepted for catalog compatibility; new entries should say lower.

Use it when Never for a new asset. Existing security-camera clips carry it.

left-bottom
1920 × 1080 · left-bottom
lower
1080 × 1920 · lower
Four positions on 16:9, two on 9:16. The seven values collapse: horizontally upper is left-center and both lower and bottom are left-bottom; vertically any *-center or upper is the upper band and any *-bottom, lower or bottom is the lower band, because a 9:16 frame has no room for a side. The upper band starts below the top fifth, where the platform draws its title and channel; the lower band ends above the caption lane.

Choosing a placement from the subject

The catalog records the subject's position with subject. The pairing is mechanical.

subjectThen text is
leftright-center or right-bottom
rightleft-center or left-bottom
centerleft-center; the panel covers only the outer 43% of the width
toplower on a vertical; left-bottom on a horizontal

The lanes every frame carries

Independent of the placement, four things are always on a content scene, and the panel is positioned so it never crosses them.

Lane16:99:16Rule
Caption laneCentred, 76px above the bottom edge, 150px in from each sideCentred, 500px up, 70px from the left and 150px from the right to clear the action rail5 words per page in the body face, 700; the spoken word turns accent. A lower panel stops above this lane.
LogoTop-left, 210px wideTop-left, 190px wide, below the platform's top bandAlways Img of brand.logo; never drawn. Omitted on the cards, which carry their own.
Persistent CTASubscribe for more, top-right at 38pxContact Wallace Pierce and wallacepierce.com, 196px from the top and 48px from the leftOn content scenes and both cards. Vertical copy stops 150px short of the right edge.
Watermark labelsNorth Carolina Injury Law bottom-left, wallacepierce.com bottom-right, 34px upNorth Carolina Injury Law alone at the bottom, 112px up; the site moves into the banner below the logoOn every frame including intro and outro. Copy and captions stay above them.

The two cards

Intro and outro carry no footage, so they have no placement. Their layout is fixed and centred, and they break a footage chain rather than continue one.

Intro: the question, display face, uppercase

Intro · logo, accent rule, the question

wallacepierce.com

Contact Wallace Pierce

Outro · logo, site, accent rule, tagline
Covers are not scenes. The cover still has its own composition — the question in the clear space the character registry declares, before-left or after-right — and is documented with the component contract on the Video lab page.