Build. Run. Prove. 

v2.1 — locked · operator-approved 2026-06-01

The brand system is locked and operating end-to-end — tokens, type, motion (incl. §06b 3D/scroll), voice, QA gate, and the live Lab front door on temerarii.xyz. Fonts are settled (system Tahoma + open JetBrains Mono — no licensing) and the four traced logo formats are operator-approved and shipping; a native .ai/.eps master may still supersede them later. Optional/future only: the §14 registry vault export and the §15 auto-audit gate.

The arc

Who we are, before how we look

DRAFT — pending operator sign-off (§ Lock state). Grounded in docs/strategy/POSITIONING.md.

Mission

Temerarii Media hyper-accelerates revenue and attention for brands — building the future of go-to-market, minus the hype. We ship working AI-driven experiments and products, then do the studio work that makes them real — proving the system on ourselves first.

Values

Customer persona

Brand personality

Mood board

• Dark editorial canvas, one red accent — the technical sublime (Evervault / Linear / Vercel restraint)
• Bold kinetic motion — the opposite of quiet: kinetic type, logo-reveal, ember-drift
• The 44px working grid showing through — honest, built, in-the-machine
• Real screens, real renders, real numbers — never generic stock, never AI text baked in

An AI innovation lab and creative / GTM studio

We build the future of go-to-market and prove it on ourselves first. Three anchors:

The eight pillars

Reference points: an innovation lab, not an agency · a studio that ships products · build-in-public, minus the hype. Never a slide-deck shop. Never an oracle.

Eight territories — one calendar, parallel lanes

The eight service pillars double as content pillars: each is a messaging territory the content machine runs as a campaign lane on the 4-4-5 calendar, so many themes coexist without collision. Every pillar maps to a service we sell.

Two lenses — brand and SEO

The ~70-article Insights library is the cluster content: each article is a spoke that links up to its pillar page; the pillar links back down to its cluster. Upstream long-form (blog / video) seeds downstream social derivatives; the always-on lane runs under every week's pillar theme. The Calendar shows the live rotation.

The mark, the lockup, and the rules that keep them intact

The mark is the T+M monogram — a red T and a black M locked together with a 45° arrow cutting through. It ships as locked, traced SVG vectors (tm-mark.svg + the three lockups), never re-typeset by hand and never regenerated by a model. The full wordmark reads TEMERARII MEDIA.

Master lockup

The lockup reveals once on entry and holds. On dark grounds use the white lockup; on light, the red/black lockup. The reveal here is pure CSS on the traced vector; a production motion sting is rendered in Remotion when one is needed — not stored inline in the book.

Sanctioned variants — the four formats

Four formats, picked by the shape of the space — not by mood. Each is the static, locked color vector (red T · black M · black TEMERARII · red MEDIA). The six treatments below apply to any of them; pick the format by the container.

Sanctioned logo treatments

The locked system: four traced formats × six treatments, built as pure CSS on the locked vector masters (tm-mark.svg · tm-lockup-stacked / -horizontal / -block.svg). Correct letter counters, brand-locked red/black/white. Each treatment auto-plays its motion (reduced-motion holds the clean static frame); the static form of each format is shown above in Sanctioned variants. Pick one per surface — never stack them.

Design rules — choosing the format

Four formats, one per shape of space. Pick by the container, not by mood. Every format honours the same clearspace and minimum-size rules below.

Design rules — choosing the treatment

Six treatments, each available on all four formats. One per surface — never stack two. The motion is the accent; the resting frame is always a clean, on-brand logo.

Clearspace — a measurable rule

Keep clear space of half the mark height (0.5×) on every side. Nothing — type, image edge, or other logo — enters that zone.

Correct

0.5× = clear zone

Solid line marks the mark; the dashed line is the protected inset. The padding equals half the 60px mark — 30px on every side.

Violation

Q3 launch deck

Type and edges crowd the mark — the clear zone is breached. Give the mark room, or move the copy out.

Minimum size

Below these floors the geometry breaks down. Hold the line.

Favicon · 32px

Temerarii Wordmark floor · 120px wide

Use	Minimum	Note
Mark — digital	32px	Favicon and app-icon floor. Below this the ring closes up.
Lockup — digital	120px wide	Mark plus wordmark; the wordmark sets the floor.
Mark — print	8mm	Stroke weight holds on coated and uncoated stock.
Lockup — print	26mm wide	Wordmark legible at arm’s length.

Anti-pattern gallery — never

Six ways to break the mark, each shown so it is recognised on sight. If a layout does any of these, it ships wrong.

1 · Recolor Off-palette fills. The T is red, the M is black (white on dark grounds). No off-palette fills.

2 · Stretch Non-uniform scale. Scale the mark as one unit or not at all.

3 · Rotate Tilt with no meaning. The mark sits level — motion lives in the reveal, not the angle.

4 · Drop-shadow Bevels, glows, and soft shadows. The mark is flat; depth lives in motion and layout.

5 · Busy background Low-contrast or noisy fields. Place the mark on a solid, sanctioned ground.

6 · AI-approximate Regenerated geometry instead of the composited master. Use the file; never re-imagine it.

Operator carry — the finished vector master (mark + wordmark, in .svg / .ai / .eps) is a designer task on the critical path. This page is the canonical reference until it lands.

The system, not a palette

Three colours carry everything — pulled straight from the logo: red accent, black structure, white type, on a near-black canvas. Around them sits a graded token tree: three ramps, three foreground layers, four surfaces, five states. Every value below is the exact token from governance/brand.json. The discipline is what makes the motion read: red earns attention because it is rationed.

The two rules that govern the rest

Ink ramp — ground and structure

Surfaces, panels, depth. Black carries the weight without competing with red. --ink-900 #000000 is the structural primary; the logo's black sits here.

Red ramp — the accent, rationed

One accent family, used under the 8% cap. --red-500 #EC1C24 is the logo red — marks, headings, large type, UI. Lighter stops exist so red can clear contrast as small UI text when it must.

Neutral ramp — canvas and type

From the near-black canvas up to pure white. --neutral-950 #0A0A0C is the background; --neutral-0 #FFFFFF is the foreground.

Semantic tokens — foreground and surface

The ramps above are raw values; the tokens below are how they are spent. Reference these in code, not the hex.

State colours

Functional only — never decorative. --state-live shares the brand red (#EC1C24): on-air status is the one place the accent doubles as a state.

WCAG-AA contrast table

This is the proof, not an assertion. Every text-on-ground pair we ship, with its measured ratio against the WCAG 2.1 thresholds — 4.5:1 for normal text, 3:1 for large text and UI. The table is what enforces Rule 01: red clears the bar for headings and large type, while small body copy stays white.

The under-8% cap, live

Left: red within the cap — marks and a headline, white type carrying the words. Right: red as a background blows past the cap and flattens the hierarchy. The red-drift motes are atmosphere at low opacity, not a fill. Both stages honour prefers-reduced-motion.

Carry rules

• Reference tokens, never raw hex, in code — --fg-2 not #C9CCD2. The ramp is the source; the token is the contract.
• Red on small body text is a gate failure. Body is white (--fg-1) / --fg-2 on --surface-bg / --surface-surface.
• Red is large-and-UI: headings, marks, buttons, affordances. White text on red is large/bold only.
• State colours are functional. Green means rendered, amber means pending, red-error means failed, blue means notice, red-live means on-air. Never a mood.
• Secondary colour stays under 8% of the rendered frame, measured on output, not in the source file.

One family, two weights, one clamp scale

Tahoma carries the whole voice: Tahoma Bold sets every header size, Tahoma Regular sets everything you read. JetBrains Mono sets the labels, eyebrows, and counters. Tahoma is a system font (stack: Tahoma, Verdana, Geneva, sans-serif) — no web-font import. One clamp() scale runs from the hero down to the counter, sized in governance/brand.json and rendered here at the real tokens. Hierarchy is size and weight, never italics. Every glyph on every surface is composited — type is never baked into an image.

The scale, rendered live

Each row below is set at its exact --t-* token. Resize the window — the clamp() floors and ceilings move with the viewport, the same values shipping in code.

Two weights, one mono lane

One family does the talking — weight is the only switch. Bold is for headers, Regular is for reading. Mono is the one separate lane, reserved for data and labels.

Role · family · token

The 66ch measure

Body and body-large hold to --measure: 66ch. The ember rule marks the cap. At measure, the eye finds the next line without searching; past it, long lines lose the return.

Kinetic type — the signature move

Display lines build letter by letter on entrance: each glyph rises and settles, staggered, then holds. Reveal, then rest — it does not loop forever in product. Easing is --ease-entrance over --dur-slow. This is the same build Remotion composites for video and R3F drives in spatial heroes; here it runs live in CSS.

Type is composited — never baked into an image

Every glyph ships through the compositor — HTML, Remotion, or R3F — as real, selectable, accessible text. AI-generated on-screen text is forbidden: it warps glyphs, breaks the family, and cannot be edited or read by a screen reader.

Rules

• One clamp() scale; never hand-set a font-size outside the --t-* tokens.
• Emphasis is weight, never italics — Tahoma Bold (700) for headers, Tahoma Regular (400) for body.
• Red type only at heading scale or as accent / UI; body and captions stay white (fg-1) / fg-2 on surface (WCAG AA).
• Mono carries tabular figures for any column of numbers — counters, timecodes, data tables align.
• Body and body-large hold to 66ch; do not let prose run the full container.
• All on-screen text is composited — Remotion / React / HTML. Never AI-generated text in an image.
• prefers-reduced-motion is binding: the kinetic build resolves to its settled frame, drift stops.

The cell card

Temerarii's signature unit is the atomic content cell — one idea, its goal, its channels, its outputs, its render state. Red corner brackets, a status dot, information held cleanly. The card IS the brand expression.

Anatomy

• Corner brackets — two red Ls, 2px, ~12px arms, top-left + bottom-right only.
• Status dot — upper area, 8px: green rendered · amber pending · red live (on-air).
• Eyebrow — mono uppercase: week · campaign · beat.
• Title — display, the one idea, one line.
• Goal line — body: the stage and the why.
• Channels row — mono, red: where it ships.
• Outputs row — mono, muted: the native renders.

Rules

• The card IS the brand expression — no decorative chrome, pure information held cleanly.
• Two red corner brackets at 2px — never a closed rectangle.
• Eyebrow in mono uppercase — week · campaign · beat, always present.
• Status dot is functional only — green rendered · amber pending · red live. Never red as a warning.
• One idea per cell. If it needs two titles, it is two cells.
• Channels + outputs are sourced from the calendar / registry — never typed by hand.

Markup

Used live in the Calendar (every beat is a cell), the Storyboard hub, and the Registry — one unit, three surfaces.

Pragmatic. Demystifying. Minus the hype.

Name the problem in plain words, show the work, tie it to revenue. Em-dash for emphasis, period for closure, zero exclamation marks. Confidence reads quieter than hype.

The anchors

• Declarative opener. Short. No "I think."
• Middle-dot connective — "Build · Run · Prove."
• Numbers always sourced — a method behind every figure.
• Negation by contrast — "Not a deck. A working machine."

Signature frames

Vocabulary tilt

Channel register — one voice, tuned per surface

Writing — yes / no

Never used — enforced by engine/qa_gate.py

Honest, built, in-the-machine

Real screens, real renders, real numbers, generated to a recipe. Dark editorial register, red rim-light, the 44px working grid showing through. Every image is reproducible — a routed model, a locked prompt scaffold, a lighting bible, and a NO-LIST the QA gate reads. We generate imagery on purpose, not for slop.

The register · three modes

One palette across all three — near-black ground (#0A0A0C), red key light (#EC1C24), black depth. Secondary color stays under 8% of any frame.

The swatches above run the sanctioned red rim-light live — a slow 9s drift, the signature key light. It honors prefers-reduced-motion and locks to a static frame when asked.

Model routing · the right tool per job

Each imagery job routes to one model. Routing is fixed so output stays on-brand and reproducible — no scattergun generation.

Routing rule: pick the model by job, then lock its brand params, then upscale last. Never generate type inside any of these — type is composited downstream in Remotion / React / HTML.

Prompt scaffolds · locked to the brand

Every prompt opens with the same brand lock and closes with the same NO-LIST suffix. Swap only the [subject] slot.

[subject] — dark editorial product still,
near-black ground #0A0A0C, single red #EC1C24
rim-light from upper-right, black #0A0A0C depth,
faint 44px technical grid showing through,
matte surfaces, honest materials, shallow depth of field,
no text, no logos, no UI chrome baked in.
style: digital_illustration
colors: [#0A0A0C, #EC1C24, #0A0A0C]

[ambassador, soul_id locked] — candid working
portrait, dark studio, single red #EC1C24 rim-light
edge, black fill, neutral off-white #FFFFFF wardrobe,
real skin texture, direct unposed gaze, editorial,
shot on 50mm, natural grain, no retouch sheen,
no text, no extra fingers, no uncanny smoothing.
seed: pinned · upscale: clarity 2x

The brand lock is non-negotiable: ground #0A0A0C, key light #EC1C24, depth #0A0A0C, Tahoma for any reference type (composited later, never generated). The scaffold travels; only the subject changes.

Lighting & texture bible

Three looks, one light. The red rim-light is the signature — a single warm key from the upper-right against a near-black ground. Texture reads honest and built, never plastic.

The NO-LIST · enforced

If an image carries any of these, it does not ship. The QA gate reads this list; arguing with it does not pass.

The recipe, end to end

Route by job → lock the brand scaffold (#0A0A0C / #EC1C24 / Tahoma) → generate → check against the NO-LIST → upscale with clarity → composite type in the compositor → ship. The same recipe runs every time, so the imagery stays unmistakably Temerarii.

The pattern, the grid, the marks, the cast

Beyond the logo, four supporting graphics carry the brand. Each supports a composition — none becomes the subject.

Do / never

• Do — keep the grid faint (≤8% opacity); let it recede behind content.
• Do — one supporting graphic per surface; silence is allowed.
• Never — recolor the grid off-ember, rotate the mark, or run sparks over body text.
• Never — let a supporting graphic compete with the subject. It supports; it never leads.

CSS lives with the brand tokens — the grid is background-size:44px 44px hairlines; the spark field is the sanctioned ember-drift pattern (§06).

The component library

One tokenized set of parts — buttons, cards, inputs, badges, data display, nav chips, panels. Every part is built from the same tokens as the rest of the system, carries every interaction state, and ships with copy-paste markup. The motion stays: hover lifts, ember focus rings, the live count-up. Discipline frames it — it does not flatten it.

Buttons

Primary commits — the one ember action per view. Secondary is an outline for "consider". Ghost is a quiet tertiary. Hover lifts 1px into the ember glow; focus draws a 2px ember ring offset from the surface; active settles flat. The loading spinner runs the standard 720ms linear and stops under reduced-motion.

Cards

Three card registers. Glass for overlay-on-motion. Bracketed carries the signature ember corners from the cell unit (05). The stat tile is a receipt — the number is ember because it is a large display figure, never body text.

Form inputs

Inputs rest on the base surface with a hairline border. Focus is the ember ring — border to ember-500 plus the ember glow elevation. Labels and hints stay off ember for AA legibility. Error state recolors the border and the focus ring to the error red.

Badges and pills

Mono uppercase, pill radius, hairline by default. State variants borrow the state ramp — success, warn, error, info — and live carries the ember dot. The dot inherits the badge color, so the live badge pulses ember without an extra token.

Data display

Three ways to show a sourced number. The big stat counts up once and holds — the sanctioned receipts move (06). Inline metric pairs a tabular figure with a mono label. The trend arrow uses the state ramp, not ember, so direction reads at a glance.

Nav chips

Segment and filter chips. Selected reads ember on a faint ember wash; hover warms the border; focus draws the same ember ring as the buttons, so keyboard travel is one consistent language across the system.

Modal and panel

A panel is the raised surface at the top elevation — used for modals, drawers, and detail sheets. Header pairs a display title with a quiet dismiss control. The primary action commits in ember; the ghost cancels.

Every part here is built from _tokens.css and _additions.css — no ad-hoc color, radius, or timing. State coverage is the contract: a component without its hover, focus, active, disabled, and loading states is not done. Motion stays sacred; discipline only frames it.

Surfaces — the system in the wild

One idea renders into a fixed set of surfaces, every time. The discipline is the matrix: a Remotion master produces nine outputs, the brand holds across each, and nothing ships without its labeled frame. Below, every mockup runs live at the real tokens — ember stays on accents, UI and large type; body copy stays on the off-white layers for legibility on near-black.

The nine-output social matrix

One render, nine deliverables. Each frame keeps the safe-area inset (dashed), the mono spec foot, and one ember focal element. The 4K master is the source of truth; the rest are derived in the same pass.

01 · feed

minus the hype

Here is what actually moved the number.

1080 × 13504:5 · IG / LinkedIn portrait

02 · square

Build · Run · Prove.

1080 × 10801:1 · feed / grid

03 · vertical

build log

From a brief
to nine cuts.

1080 × 19209:16 · Reels / Shorts / TikTok

04 · landscape

temerarii media

The machine, on the record.

1920 × 108016:9 · YouTube master

05 · 4K

4K

source of truth · 3840 × 2160

3840 × 216016:9 · 4K master · all cuts derive

06 · GIF

Build

Prove

looping · no audio · captions baked

GIFloop · 600 × 600 · < 3 MB

Outputs 07–09 are caption-on stills lifted from the same render (cover frame per ratio). Nine deliverables, one pass — the count-up cell in part 09 reads this number.

Video — publishes to YouTube, social gets derived cuts

Long-form lives on YouTube only. The 9:16 / 1:1 / 4:5 cuts above are derived from the same 4K master and routed to social. Two title elements carry the brand on screen: the lower-third and the end-card.

Lower-third · name + role

YOUTUBE

Dominique Davis

Founder · Temerarii Media

Lower-thirdtitle-safe · 3px ember rule · holds 4–6s

End-card · mark + one CTA

temerarii.com

See the work

End-cardcentered mark · tagline · one next step

Stationery — email signature + business card

Dominique Davis

Founder · Temerarii Media — an AI innovation lab and creative / GTM studio

temerarii.com · temerarii.xyz · the Lab

Signature rules — mark left, white name in Tahoma Bold, role in Tahoma Regular on --fg-2, links in mono with one ember link. No banner image, no quote, no legal wall. Plain, on the record.

Temerarii Media

minus the hype

Dominique Davis

Founder
temerarii.com
dom@temerarii.com

Card — 3.5 × 2 in, 350gsm uncoated, near-black front with the red/white mark, off-white back. Two faces, no gloss, no rounded-corner gimmick. The front states the house; the back states the person.

OG / social share image

OG image — red focal headline in Tahoma Bold, mono eyebrow + domain, black-to-near-black ground. Text composited in the renderer, never baked by a model. Title under 60 characters so the link preview never truncates the point.

Favicon + app icons

16 px

32 px

180 px · touch

At 16px the ring thickens and the bars simplify — the mark stays legible, never a shrunk-down full lockup. Touch icon (180px) renders the full mark on a near-black tile; at this size only, the mark may draw clockwise on first paint. Below 32px it is static.

Logo + ground rotation — the 24-logo output policy

Every social asset carries one logo on one ground. Across a rolling month the full 24-logo matrix (§02 · 4 formats × 6 treatments) and all three grounds cycle non-sequentially, in shuffled patterns: every one of the 24 appears at least once a month, and no pattern/sequence repeats within a rolling 30 days.

Three grounds — black · white · red — rotate within legibility: a treatment only lands on a ground it reads on (§02 grounds · §03 contrast), so the rotation never breaks the QA gate.

Format is chosen by the asset's shape (§02 design rules); treatment + ground are what rotate. Kinetic versions apply to video assets — the 24 here are the static logos for image templates. The policy is machine-readable in governance/brand.json:social_rotation and enforced at the QA gate (§11).

Carry rules — every surface, no exceptions

• One logo + one ground per asset; the 24-logo matrix + 3 grounds rotate non-repeating over a rolling 30 days (all 24 used monthly), pairings honor legibility — see Logo + ground rotation above.
• Nine outputs per idea: 1080×1350 · 1080×1080 · 1080×1920 · 1920×1080 + 4K master + GIF + three caption stills.
• 4K is the source of truth; every social cut derives from it in the same pass — no re-rendering off-brand.
• Long-form publishes to YouTube only; social receives the derived vertical and square cuts.
• Ember on accents, UI and large type only — body copy on --fg-1 / --fg-2 for WCAG AA on near-black.
• Safe-area inset respected on every frame; captions baked on every cut (85% watch muted).
• All on-screen text composited in the renderer — never AI-generated text baked into an image.

If it breaks these, it does not ship

Every Tier-1 artifact clears a thirteen-point gate before publish — the same rails engine/qa_gate.py enforces in code, read from governance/brand.json. The gate is mechanical. Arguing with it does not pass it. Either the box checks or the artifact goes back.

The thirteen-point pre-publish gate

• AI-detection pass Copy reads as written, not generated. No model tells, no hedge-stacking, no "in today's fast-paced world." Runs clean against an AI-text detector before publish. copy
• Palette held + accent under 8% Near-black canvas, black structure, white type. Red accent occupies under 8% of any frame — two accents and a headline beat an accent background. Measured, not eyeballed. color
• Typography sourced + correct Tahoma Bold (all headers) + Tahoma Regular (body) + JetBrains Mono (labels/eyebrows/counters) only. Tahoma is a system font (Tahoma/Verdana/Geneva stack). Emphasis via weight, never italics. type
• Logo authentic — composited, not AI The mark is the canonical SVG, composited live. Never AI-approximated, re-typeset by hand, recolored off-palette, stretched, or rotated. On social, the logo + ground follow the rotation policy (§10 · brand.json:social_rotation): one of the 24 logos on a legibility-compatible ground, all 24 used monthly, no pattern repeats within a rolling 30 days. logo
• Contrast clears WCAG AA Body copy is --fg-1 / --fg-2 on --bg / surface. Ember is accent / UI / large text + headings only — never small body text on near-black, which fails AA. access
• Motion direction is correct The mark draws clockwise and never unwinds. Kinetic type reveals then settles. No bounce, elastic, confetti, sparkle, or spin without meaning. One primary focal motion per frame. motion
• Reduced-motion poster ships prefers-reduced-motion: reduce is honored. Every motion asset ships a static first-frame poster — HTML kills transitions, Remotion shows frame one, R3F locks the canvas. The fallback is built, not promised. motion
• Output formats correct 1080×1350 / 1080×1080 / 1080×1920 / 1920×1080, plus a 4K master and a GIF. The native nine-output matrix, each at its true aspect — no cropped re-exports. output
• Captions present Assume 85% muted viewing. Burned-in or sidecar captions on every video. No autoplay audio without captions — that is a forbidden pattern. access
• Attribution + byline attached A named human author on each campaign artifact. Sourced claims carry their source. We attribute the work and stand behind it — no anonymous output. byline
• Trademark + IP clean No third-party marks, faces, or licensed assets without rights. Cross-promo respects the cap — SIE stays secondary at 30 assets per quarter. The name is used as written. legal
• Voice rails clean No banned vocabulary, no exclamation marks, no emoji. Claims are concrete — a sourced number or a mechanism, never an adjective. engine/qa_gate.py --strict passes. voice
• Signature frame + one next step A signature frame is present where it fits — minus the hype · practical playbook · actually moves the needle. The CTA is one clear next step: a service, the Lab, a course, or SIE where it fits. frame

Motion sub-gate · point 6 + 7, expanded

Motion is the product, so it carries its own checklist underneath the gate. Bold and kinetic, but disciplined — these run live in section 06 and must hold here.

The machine half vs the human half

Reachable at full speed

Temerarii is bold motion. Discipline is what makes that motion safe to ship. Accessibility is not a quiet alternative to the work — it is the frame that lets the kinetic builds, the clockwise mark-draw, the ember-drift, the live CSS demos, the R3F and Spline heroes, and the scroll-action all land for everyone. Contrast, focus, hit targets, color-independence, reduced-motion, and direction are the rails the motion runs on.

13.1 · Contrast ledger

Measured against --surface-bg #0A0A0C unless noted. Targets: WCAG 2.1 AA = 4.5:1 body / 3:1 large (≥24px or ≥19px bold) and UI; AAA = 7:1 body / 4.5:1 large.

13.2 · Focus-visible ring

Keyboard focus is a red signature, not a browser default. Two-layer ring: a 2px gap in --surface-bg then 2px of --ember-500, so the ring reads on any surface and never collides with the element edge. Pointer interaction stays quiet — the ring only fires on :focus-visible.

13.3 · Minimum type sizes

Floors stop the clamp scale from collapsing below legibility on small viewports. Below these, do not ship.

13.4 · Hit targets — 44px minimum

Every interactive control clears a 44×44px touch area (WCAG 2.5.5 / Apple HIG). Visual size can be smaller; the hit area is padded out. Adjacent targets keep ≥8px (--space-8) clear space.

13.5 · Color is never the only signal

Roughly 1 in 12 men read red/green differently. Red (#EC1C24) and the success/error states stay distinguishable by luminance, but state is always carried by a second channel — icon, label, shape, or position — never hue alone.

13.6 · Reduced-motion policy

Motion is the brand. It is also opt-out. prefers-reduced-motion: reduce is honored everywhere — the kinetic build, mark-draw, ember-drift, crossfade, receipts count-up, spatial parallax, and cinematic push all resolve to a held first frame. Nothing is deleted; the same composition shows its poster state.

13.7 · RTL and internationalization

The layout is direction-agnostic so the brand travels into Arabic, Hebrew, and other RTL scripts without a rebuild.

13.8 · Accessibility ship check

• Body text on near-black uses --fg-1 / --fg-2 — red only on large, UI, or headings.
• Every interactive element has a visible focus-visible red ring.
• Touch targets clear 44×44px with ≥8px spacing.
• No state communicated by color alone — label, icon, or shape backs it up.
• Motion honors prefers-reduced-motion with a held first frame on every surface.
• Layout uses logical properties and survives a 40% text expansion in RTL.
• All copy is live text, never baked into an image.

One grid, one stroke, one voice

Icons are the smallest unit of the system and the place drift creeps in first. Every Temerarii glyph is drawn on a 24px grid, stroked at 1.5–2px, squared at the caps, and lives off-palette by default — ember only when it carries state or sits large. The set below is canonical and runs live. The mark-draw move (clockwise, never unwinds) belongs to the icons too — it is the brand at 24px.

Construction

Core set · eighteen

Default foreground (--fg-2) for legibility on near-black; ember on hover to show the accent state. These are the production glyphs — copy the path, not a screenshot.

Hover any tile to see the accent state — ember on a 24px glyph is large-enough UI to clear WCAG AA on near-black. The live glyph ships ember by default because it always carries state.

Icons in motion live

The sanctioned mark-draw applies at 24px exactly as it does to the logo: the path draws clockwise over 1400ms, ease-out, and holds. It builds — it never unwinds, never loops in-product. Use it for a single statement moment (a brand sting, a first paint), not as ambient decoration.

Reduced motion is binding — under prefers-reduced-motion: reduce each glyph paints fully on the first frame, no stroke animation, and the ember-drift behind the core set settles to a static low-opacity state.

States

Default --fg-2 · interactive / hover --ember-400 · state glyphs map to --state-success / --state-warn / --state-error / --state-info / --state-live · disabled is --fg-3 at 50%. Color is the only thing that changes — geometry is fixed.

Usage

Export

The icon set is part of the same governance discipline as the rest of the book — 24px grid, one stroke band, square caps, currentColor. The mark-draw move ties the glyphs back to the logo. Drawn once, imported everywhere, recolored by state — not by hand.

What was studied · lifted · left

Lifted — patterns adopted

Studied — explicitly not lifted

The numbered-section arc travels well: RePrime is institutional gold-on-near-black; I AM is devotional gold-on-cream; Temerarii is ember-on-near-black, bold and kinetic. Same arc · different aesthetic.

The operator review gate

Every row of the sign-off table now carries a name + date — v2.1 is frozen as of 2026-06-01. Amendments from here follow the change process (a changelog entry), not quiet patches.

Sign-off

Changelog