Skip to book

SERRAS Brand Book — Edition v1.0.0

BRAND BOOK · EDITION v1.0.0 · THE CALM AT THE CENTER OF EVERYTHING IN MOTION

Slide 1 of 107

Serras brand book slide 1 of 107: SERRAS Brand Book — Edition v1.0.0
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The calm at the center
of everything in motion.

VISION / 00 THE PARADIGM · FIRSTLIGHT 01 / 105

Slide 2 of 107

Serras brand book slide 2 of 107: The calm at the center of everything in motion.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

It does not assist the operator.
It governs the ground
they both stand on.

The factory moves at machine speed. The standard does not bend to it. Every artifact routes through a human approval gate that is a property of the system, not a courtesy of the operator. Nothing ships on a failed audit — the gate is the product.

VISION / 00 THE GOVERNED FACTORY 02 / 105

Slide 3 of 107

Serras brand book slide 3 of 107: It does not assist the operator. It governs the ground they both stand on.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The system, in order of derivation.

VISION · 00–01

  1. 00The Paradigm & Story
  2. 01The Identity

FOUNDATION · 02–05

  1. 02Color System
  2. 03Typography
  3. 04Grid & Tokens
  4. 05Components

BUILD · 06–09

  1. 06Voice & Tone
  2. 07Data Visualization
  3. 08Imagery & Art Direction
  4. 09Accessibility

PROOF · 10–11

  1. 10Applications
  2. 11Governance
FRONT MATTER / NAVIGATION 03 / 105

Slide 4 of 107

Serras brand book slide 4 of 107: The system, in order of derivation.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

01

Strategy
& Story

04 / 105

Slide 5 of 107

Serras brand book slide 5 of 107: Strategy & Story
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

WHAT SERRAS IS NOT

Not SaaS. Not an agency.

Not a SaaS startup, an AI-automation bro, or a bargain marketplace. Not a consultancy, a no-code shop, a staffing company, or a discount dev agency.

WHAT SERRAS IS

A governed software factory.

Human command directing specialist agents — raw vision in; strategy, brand, product, design, code, proof out.

05 / 105

Slide 6 of 107

Serras brand book slide 6 of 107: Not SaaS. Not an agency.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Seven stages gate every build.

The Process Thesis · the loop every artifact passes through before it ships
StageWhat the gate holds
Read · TheorizeIngest the vision; form theses worth testing.
ConsensusThe Discovery Council agrees before the build.
ImplementSpecialist agents build what was agreed.
SimplifyStrip until only the necessary remains.
Audit · RemediateRemediation loops back until the audit clears.

Nothing ships on a failed audit. The loop is not a working style — it is the gate every artifact must clear before it carries the Serras name.

WHY / 01 THE PROCESS THESIS 06 / 105

Slide 7 of 107

Serras brand book slide 7 of 107: Seven stages gate every build.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
The calm at the center of everything in motion.
SERRAS · THE COMMAND-DECK PARADIGM
07 / 105

Slide 8 of 107

Serras brand book slide 8 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

You do not need a perfect brief. You need a real vision.

Founders. Existing businesses. Nonprofits, churches, schools. Enterprise teams. Investors and operators. Creators. Six kinds of serious builder, one promise: Begin like an enterprise — without the enterprise budget, team, or experience.

WHY / 01 THE PROTAGONIST 08 / 105

Slide 9 of 107

Serras brand book slide 9 of 107: You do not need a perfect brief. You need a real vision.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Clarity arrives
before the crisis does.
Precision you can feel.

WHY / 01 THE MISSION CLOSE 09 / 105

Slide 10 of 107

Serras brand book slide 10 of 107: Clarity arrives before the crisis does. Precision you can feel.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

02

The Serras
Mark

SYSTEM / 02 THE IDENTITY 10 / 105

Slide 11 of 107

Serras brand book slide 11 of 107: The Serras Mark
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Serras mark · 42:41 geometry · final, monochrome

SERRAS wordmark · Saira · all-white on the void

SYSTEM / 02 THE IDENTITY 11 / 105

Slide 12 of 107

Serras brand book slide 12 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Six produced files — three variants pending.

WORDMARK · 121:25 · Saira

MARK · 42:41 · final

SERRAS favicon

FAVICON · pending production

SYSTEM / 02 CONSTRUCTION 12 / 105

Slide 13 of 107

Serras brand book slide 13 of 107: Six produced files — three variants pending.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

SERRAS · Saira · wght 560 · wdth 88 · +0.14em

Never amber · never Fraunces · ink #231F20 on light

SYSTEM / 02 ANATOMY 13 / 105

Slide 14 of 107

Serras brand book slide 14 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

PRIMARY · DARK GROUND

The produced dark file — all-white artwork on the void, #060B10.

ON RECORD · LIGHT GROUND

Ink #231F20 on tile #F2F0EB — the book's one light appearance.

14 / 105

Slide 15 of 107

Serras brand book slide 15 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Clearspace is a ratio of the mark itself.

Minimum clearspace = the mark's own height (42:41 units), on every side. Holds from favicon to facade.

PartSpecificationRole
Mark42:41Final · monochrome
Wordmark121:25 · SairaNever Fraunces
Lockup178:41Mark + wordmark
Scales44/30/22/24/16pxThe working set
Inkwhite / #231F20Never amber
SYSTEM / 02 CLEARSPACE 15 / 105

Slide 16 of 107

Serras brand book slide 16 of 107: Clearspace is a ratio of the mark itself.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
The mark is final. The wordmark is Saira — and only Saira.
SERRAS · IDENTITY DOCTRINE
DON'T set the mark in amber — no amber final S DO keep white / #231F20 AMBER = SIGNAL ONLY
DON'T stretch — size one axis only DO let aspect-ratio derive the other
DON'T redraw or rebuild the mark DO place the six produced SVGs as-is
SYSTEM / 02 GOVERNANCE 16 / 105

Slide 17 of 107

Serras brand book slide 17 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

03

Color

17 / 105

Slide 18 of 107

Serras brand book slide 18 of 107: Color
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The abyss is the stage.
Amber is the decision.

A deep-teal abyss carries the stage; cool steel carries the words. Signal amber is spent, never spread.

SYSTEM / 03 COLOR · ABYSS-50 · #2B4E59 18 / 105

Slide 19 of 107

Serras brand book slide 19 of 107: The abyss is the stage. Amber is the decision.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One light, five duties.

Void carries the stage. Steel carries the words. Teal-soft calms interaction; cyan focuses it. And amber — the decision color — is spent on exactly one commitment per surface.

TEXT 17.6:1 · AAA VOID · ABYSS 800 #060B10 The stage · deep-teal, never #000
ON VOID 17.6:1 · AAA TEXT · STEEL 200 #DEF6FF The words · cool, never grey
INK 7.4:1 · AA CALM · ACCENT 300 #6EA6B3 Teal-soft · hover & selected fills
INK 12.7:1 · AAA FOCUS · ACCENT 200 #87D8FF Cyan · the ring, the sparkle
INK 11.5:1 · AAA SIGNAL · AMBER 400 #FFB627 The decision color · one per surface
SYSTEM / 03 COLOR 19 / 105

Slide 20 of 107

Serras brand book slide 20 of 107: One light, five duties.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Every ramp anchors at 500.

Ten steps, 50 to 900. The 500 is the named value the system binds to; the rest are tints and shades for surface, border, and state.

ACCENT · THE COOL CORE · CYAN → TEAL

50100 200300 400500 600700 800900

SIGNAL · RESERVED AMBER · THE DECISION RAMP

50100 200300 400500 600700 800900
SYSTEM / 03 COLOR 20 / 105

Slide 21 of 107

Serras brand book slide 21 of 107: Every ramp anchors at 500.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Eight ramps. One duty each.

ABYSS · THE STAGE LADDER · void #060B10, never #000

STEEL · THE TEXT RAMP · cool-tinted, never grey

ACCENT · THE COOL CORE · jade → teal → teal-soft → cyan · never skip jade

SYSTEM / 03 COLOR 21 / 105

Slide 22 of 107

Serras brand book slide 22 of 107: Eight ramps. One duty each.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Status runs warm. Ink runs dark.

SUCCESS · #5BD08C · 10.2:1 on void · bright jade #8FE9B8 · dark ink

DANGER · WARM EMBER #F26B54 · 6.59:1 on void · never clinical · dark ink

WARN · #F2C94C · 12.45:1 · bright gold #F4E27A · never the signal amber

SYSTEM / 03 COLOR 22 / 105

Slide 23 of 107

Serras brand book slide 23 of 107: Status runs warm. Ink runs dark.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Apps bind to meaning, not to a hex.

TIER 01 · PRIMITIVE

The ramp value

A fixed hex on a 50–900 ramp. Never referenced directly by a product surface.

--serras-accent-300
TIER 02 · SEMANTIC

The role alias

What surfaces consume. The meaning holds; the value resolves per scheme — dark is canonical.

--accent
SYSTEM / 03 COLOR 23 / 105

Slide 24 of 107

Serras brand book slide 24 of 107: Apps bind to meaning, not to a hex.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Twenty-four aliases. None invents a value.

AliasLightDark
--bg-canvassteel-50abyss-800
--bg-surfacesteel-50abyss-700
--bg-surface-altsteel-100abyss-500
--bg-sunkensteel-200abyss-900
--fg-primarysteel-900steel-200
AliasLightDark
--fg-secondarysteel-700steel-300
--fg-mutedsteel-600steel-400
--fg-inversesteel-50abyss-900
--border-subtlesteel-300abyss-200
--border-strongsteel-500abyss-50
SYSTEM / 03 COLOR 24 / 105

Slide 25 of 107

Serras brand book slide 25 of 107: Twenty-four aliases. None invents a value.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Amber is a binary; status never flips meaning.

AliasLightDark
--accentaccent-700accent-300
--accent-strongaccent-800accent-200
--accent-subtleaccent-100accent-900
--on-accentabyss-900abyss-900
--highlightinfo-600info-300
--status-infoinfo-600info-300
--cta-bgsignal-400signal-400
--cta-fgabyss-900abyss-900
AliasLightDark
--border-focusaccent-600accent-200
--successsuccess-600success-300
--success-fgsteel-50abyss-900
--warnwarn-700warn-300
--dangerdanger-600danger-300
--status-neutralsteel-600steel-400
SYSTEM / 03 COLOR 25 / 105

Slide 26 of 107

Serras brand book slide 26 of 107: Amber is a binary; status never flips meaning.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
DIRECTION · EXP-04

Drift

Same band geometry, cooler warp. Every raised signal comes explained and sourced — the chain of custody intact.

FIDELITY0.86
FAMILY0.81
Selected DIRECTION · EXP-02

Iridescent Veil

The client-selected direction — every production candidate grows from this veil. Selection is the amber commitment.

FIDELITY0.98
FAMILY1.00
FIG. 3.1 · SELECTION IS THE AMBER COMMITMENT · EDGE + WARM GLOW + FLAG · ONE PER SURFACE · GRADIENT BARS CARRY THE SPECTRUM
SYSTEM / 03 COLOR 26 / 105

Slide 27 of 107

Serras brand book slide 27 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

States speak before words do.

Hover lifts with a teal glow. Focus rings cyan. Selection commits in amber. Disabled recedes. Motion honors prefers-reduced-motion — the story survives without it.

SURFACE

Default

Raised on line #1C3A44.

border-subtle · shadow none

POINTER

Hover

−4px lift, teal glow.

cyan .40 edge · 44px glow

KEYBOARD

Focus

The cyan ring, 2px offset.

--border-focus · #87D8FF

SelectedCOMMITTED

Selected

The amber commitment.

amber .42 edge · warm glow

INERT

Disabled

Dimmed, desaturated.

opacity .45 · saturate .6

SYSTEM / 03 COLOR 27 / 105

Slide 28 of 107

Serras brand book slide 28 of 107: States speak before words do.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

WCAG 2.2 AA is the floor.

TokenValueRatioLevel
steel-50display-hi #F3FBFF18.86:1AAA
steel-100hi #EAF6FF17.99:1AAA
--fg-primarytext #DEF6FF17.62:1AAA
--fg-secondarysecondary #9FC3D210.55:1AAA
--fg-mutedtertiary #7E9DAA6.86:1AA
steel-500muted #5C76814.1:1AA LG

READS

Every body and metadata step clears AA on the void; muted is large-type and UI only.

Ratios measured on the void #060B10 — dark canonical, on record.

SYSTEM / 03 COLOR 28 / 105

Slide 29 of 107

Serras brand book slide 29 of 107: WCAG 2.2 AA is the floor.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Two values pass the eye, fail the floor.

TRAP 01 · muted steel-500

4.1:1 · AA LARGE / UI ONLY

Muted #5C7681 sits at 4.1:1 on the void — the large-type and UI floor only. Never body, labels, or metadata.

TRAP 02 · white-on-amber

WHITE ON AMBER · FAILS AA

The amber ink is always dark — ink-on-signal-button 11.46:1, signal-as-text-on-void 11.26:1. White-on-amber fails.

SYSTEM / 03 COLOR 29 / 105

Slide 30 of 107

Serras brand book slide 30 of 107: Two values pass the eye, fail the floor.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Remove the hue. The meaning stays.

Every status reads through its word, its glyph, and its border — even with color stripped entirely.

✓  AUDIT PASSED
◷  REMEDIATION QUEUED
✗  AUDIT FAILED
SYSTEM / 03 COLOR 30 / 105

Slide 31 of 107

Serras brand book slide 31 of 107: Remove the hue. The meaning stays.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Decided.

Spent once, on the one decision that earns it.

SYSTEM / 03 COLOR · THE SIGNAL 31 / 105

Slide 32 of 107

Serras brand book slide 32 of 107: Decided.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

04

Typography

32 / 105

Slide 33 of 107

Serras brand book slide 33 of 107: Typography
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Serras

The display voice. Fraunces, tamed — optical sizing off, weight 600, never 900 — carries every heading and exactly one serif statement per view. The wordmark stands apart in Saira; it never enters the ramp.

SYSTEM / 04 TYPOGRAPHY 33 / 105

Slide 34 of 107

Serras brand book slide 34 of 107: Serras
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Serif says. Sans structures. Mono proves. Three voices, one ramp.

DISPLAY · HEADINGS · ONE PER VIEW

Fraunces

Says. The 4‑axis file, tamed — font‑optical‑sizing: none, SOFT 0, WONK 0.

--font-display · opsz 60 / 48 / 40 · wght 600

BODY · UI LABELS

Instrument
Sans

Structures. The working sans of body and UI — paragraphs, labels, controls.

--font-body · variable · wght 400–700 · roman + italic

TELEMETRY · IDS · RATIOS

JetBrains
Mono

Proves. The evidence register — telemetry, IDs, ratios — set tabular, always.

--font-mono · wght 500 · tabular-nums · evidence only

SYSTEM / 04 TYPOGRAPHY 34 / 105

Slide 35 of 107

Serras brand book slide 35 of 107: Serif says. Sans structures. Mono proves. Three voices, one ramp.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Display

Section title

Subsection heading

Lead — the lighter serif standfirst, capped at the measure.

Body — Instrument Sans at the workhorse rung; every paragraph an operator reads lives here, and it never drops below the floor.

evidence_id: 7f26‑08c4 · chain‑of‑custody ok · latency 12ms

DISPLAY · SERIF 600

TITLE · SERIF 600

SUBTITLE · SERIF 600

LEAD · SERIF 400

BODY · SANS 425

MONO · EVIDENCE 500

SYSTEM / 04 TYPOGRAPHY 35 / 105

Slide 36 of 107

Serras brand book slide 36 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
Type tokens · specimen · face · size / line-height
TokenSpecimenFaceSizeLH
displaySerrasSerif 6007280
titleSerrasSerif 6004048
subtitleSerrasSerif 6002832
leadSerrasSerif 4002432
bodySerrasSans 4251828
monoSerrasMono 5001420

Every rung snaps to the baseline.

Hierarchy is size, weight, and the serif / sans / mono split — never a new face. Inter is the opt‑in Config A swap only; Fraunces is the flagship, settled.

SYSTEM / 04 TYPOGRAPHY 36 / 105

Slide 37 of 107

Serras brand book slide 37 of 107: Every rung snaps to the baseline.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
One serif statement per view — scarcity is what makes it read as confidence.
FIRSTLIGHT STANDARD · THE TYPE SYSTEM
37 / 105

Slide 38 of 107

Serras brand book slide 38 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

05

Tokens, grid
& elevation.

The structure is the message. Every value here resolves to a named token — the same contract the product reads and the validator replays.

38 / 105

Slide 39 of 107

Serras brand book slide 39 of 107: Tokens, grid & elevation.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Component reads semantic. Semantic reads primitive.

TIER 01 · PRIMITIVE

The ramp value

A fixed hex on a 50–900 ramp — the only place a literal color appears. Baked from the typed palette, never hand-edited.

--serras-accent-500: #3f8a9b;
TIER 02 · SEMANTIC

The role alias

Names a job, not a color. The intent layer apps consume — mode-aware, though this book locks the dark axis as canonical.

--accent: var(--serras-accent-…);
TIER 03 · COMPONENT

The recipe

What a control actually reads — never a hex, never a primitive. The shadcn bridge binds every recipe to an alias, not a call site.

.card:hover { background: var(--accent); }
SYSTEM / 05 TOKEN ARCHITECTURE 39 / 105

Slide 40 of 107

Serras brand book slide 40 of 107: Component reads semantic. Semantic reads primitive.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Eighty values. Ninety-one names. Zero failures.

The token contract · counted
TierWhat it namesCount
primitiveRamp steps · eight ramps × ten80
semanticAlias layer · roles, bridge, motion91
statusStatus families · warm-led, ink labels4
bindingComponent recipes · read aliases∞
inventedOff-contract values in any slide0

A component that reads a primitive — or worse, a hex — has skipped the contract.

The contract is a trio — serras.css, serras.tokens.json, and the contrast.mjs validator that replays every pairing: zero failures. Derived values pass through color-mix() over tokens, never a new hex.

SYSTEM / 05 TOKEN COUNTS 40 / 105

Slide 41 of 107

Serras brand book slide 41 of 107: Eighty values. Ninety-one names. Zero failures.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

✕ FORBIDDEN

Flatness the brand never signed.

box-shadow: none;
border-radius: 0;

A hard corner and a shadowless slab read as austerity, not calm. Excluded, not deferred: every --shadow-* resolves to twin diffuse layers, every --radius-* to a soft 6/10/16.

✓ APPROVED

Elevation is light, painted twice.

box-shadow: var(--shadow-md);
border-radius: var(--radius-md);

The same card lifted honestly — a surface step under twin diffuse layers; on the void a 1px ring tuned to ~3:1 keeps the edge legible. Calm depth, never spectacle.

SYSTEM / 05 ELEVATION REGIME 41 / 105

Slide 42 of 107

Serras brand book slide 42 of 107: Flatness the brand never signed.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Soft and painterly — by token, not taste.

The regime, as it resolves
TokenRoleResolves to
--radius-sm/md/lgCorner regime · soft, never sharp6/10/16
--radius-pillCTA geometry · the full pill999
--shadow-*Painterly lift · twin diffuse layers×2
oklch(1 0 0 / 0.338)The ring · 1px edge on the void~3:1

Elevation is light, measured and tuned.

A surface lifts on twin diffuse layers; against the void a ~3:1 hairline ring keeps its edge legible — elevation granted by token.

SYSTEM / 05 ELEVATION TOKENS 42 / 105

Slide 43 of 107

Serras brand book slide 43 of 107: Soft and painterly — by token, not taste.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One 4px scale — authors consume a step, never a pixel.

space-2 · 8
space-4 · 16
space-6 · 24
space-8 · 32
space-12 · 48
space-24 · 96

Nine steps on a 4px base — bounded rhythm keeps dense command surfaces legible, never arbitrary.

SYSTEM / 05 SPACING SCALE 43 / 105

Slide 44 of 107

Serras brand book slide 44 of 107: One 4px scale — authors consume a step, never a pixel.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
The grid is not a suggestion. It is the contract every page signs.
SERRAS · SYSTEM DOCTRINE
44 / 105

Slide 45 of 107

Serras brand book slide 45 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Twelve columns — the page on its own grid.

Twelve divides cleanly into halves, thirds, quarters and sixths — every span a governed command surface needs. 32px gutter, 1px rule, prose capped at 62ch.

SYSTEM / 05 THE LAYOUT GRID 45 / 105

Slide 46 of 107

Serras brand book slide 46 of 107: Twelve columns — the page on its own grid.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

06

The system, working.

46 / 105

Slide 47 of 107

Serras brand book slide 47 of 107: The system, working.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The interface
is the command deck.

Components do not decorate the factory — they govern it. Each one carries a rule of evidence into the operator's hands.

SYSTEM / 06 COMPONENTS 47 / 105

Slide 48 of 107

Serras brand book slide 48 of 107: The interface is the command deck.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One amber
decision per view.

Exactly one cta-solid commits the view — signal amber under dark ink. The plain cta stays teal-soft, never amber; outline and ghost recede to steel.

EMPHASIS LADDER · ONE SIGNAL PER SURFACE

FIG. 6.1 · ONE AMBER CTA-SOLID · HOVER #FFC64F · STEEL CARRIES THE REST
SYSTEM / 06 EMPHASIS LADDER 48 / 105

Slide 49 of 107

Serras brand book slide 49 of 107: One amber decision per view.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Every state is named in words.

BADGE

Confirmed Remediation Failed audit Draft

ALERT

INFO

Consensus recorded. Five personas agree; evidence chains attached.

PENDING

Remediation open. The loop returns to audit before anything ships.

FLAG

Failed audit. Nothing ships on a failed audit — the gate is held.

FIG. 6.2 · Status is carried by the label word and a status-colored edge — one color, one meaning; never amber, never color alone.

SYSTEM / 06 STATUS FAMILY 49 / 105

Slide 50 of 107

Serras brand book slide 50 of 107: Every state is named in words.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

VALIDATION QUEUE

12

▼ −4 vs. yesterday

TIME AT GATE

22 min

▲ +3 vs. last week

OPEN REMEDIATIONS

3

— no change

FIG. 6.3 · KpiCard — value in JetBrains Mono with tabular figures, direction carried by glyph, sign, and the status edge — outline + glow keyed to the outcome. No amber: a measurement is not a decision.

SYSTEM / 06 KPI 50 / 105

Slide 51 of 107

Serras brand book slide 51 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Every decision is auditable.

FIG. 6.4 · Audit trail — timestamps and actors in JetBrains Mono
Time Action Actor / role State
14:02:11 Council consensus recorded council · Discovery Council Consensus
14:06:48 Audit failed — loop opened audit · governance Remediation
14:33:09 Cleared at the Design Gate operator · human command Confirmed
SYSTEM / 06 DATATABLE 51 / 105

Slide 52 of 107

Serras brand book slide 52 of 107: Every decision is auditable.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

CONFIRM

Clear the Design Gate?

Every audit is green and the chain of custody is intact. This decision is recorded in the audit trail under your command.

FIG. 6.5 · Dialog — surface --bg-surface + 1px --border-strong, lifted over a static --bg-sunken scrim. Drawer and Sheet share this chrome, anchored to an edge. The confirm is the view's one amber commit.

SYSTEM / 06 OVERLAYS 52 / 105

Slide 53 of 107

Serras brand book slide 53 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

A field without a label is undefendable.

✕ Enter a valid URL. The error is announced in text, not by color alone.

Artifact Evidence (3) Audit trail

The active tab carries the accent underline and weight 600, so selection survives greyscale. The underline is teal-soft — amber is reserved for the commit.

FIG. 6.6 · Input — 1px --border-strong resting, a 2px cyan --border-focus ring offset 2 on focus, --danger border on error with a text message via aria-describedby.

SYSTEM / 06 FORM CONTROLS 53 / 105

Slide 54 of 107

Serras brand book slide 54 of 107: A field without a label is undefendable.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One decision. One amber. No exceptions.

✓  DO

  • Fill the one cta-solid commit with amber --cta-bg and dark --cta-fg ink.
  • Write every status in words inside the badge, paired with its color.
  • Keep locked and confirmed pills success green — a settled state is proof, not a signal.

✕  DON'T

  • White ink on amber, or two amber CTAs competing in one view.
  • A status carried by a bare colored dot — color alone fails accessibility.
  • A plain cta dressed as a cta-solid — teal-soft and the amber signal never trade places.

FIG. 6.7 · Three cross-cutting states hold for every component: focus is the 2px cyan ring offset 2, hover a −4px lift with a teal glow, selection the amber commitment — exactly one per view.

SYSTEM / 06 THE CONTRACT 54 / 105

Slide 55 of 107

Serras brand book slide 55 of 107: One decision. One amber. No exceptions.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

09 — 10

Iconography
& Motion

55 / 105

Slide 56 of 107

Serras brand book slide 56 of 107: Iconography & Motion
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Monoline on the cool core.
Function, never spectacle.

24×24 grid · 2px trim · 20px live area · square 18u · circle ⌀ 21u · square cap · radius 0

SYSTEM / 09 ICONOGRAPHY 56 / 105

Slide 57 of 107

Serras brand book slide 57 of 107: Monoline on the cool core. Function, never spectacle.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

A glyph earns its slot by proof.

SHIPPED SET · FACTORY CHECKPOINTS
Vision Intake vision.received
Evidence Check evidence.attached
Remediation Flag remediation.flagged
Design Gate gate.pending
Audit Passed audit.passed
Decision Record decision.recorded

The checkpoint glyphs are instruments, not decoration — no AI brain, no network mesh, no neon motif. A glyph is admitted only when it makes a gate or an audit faster to read on the command deck.

Every glyph is named for its event. Resting ink is the cool --fg-secondary; a status colour appears only where the event itself is a status — one color, one meaning.

SYSTEM / 09 CHECKPOINT SET 57 / 105

Slide 58 of 107

Serras brand book slide 58 of 107: A glyph earns its slot by proof.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Motion confirms the gate. It never celebrates.

THE DO · CAUSE AND EFFECT, AS STILLS

The Design Gate opens PENDING
Decision recorded APPROVED
Nothing ships on a failed audit BLOCKED

Transform and opacity only — expo-out cubic-bezier(0.16,1,0.3,1), ≤150/260ms blocking, 340/480ms slow. prefers-reduced-motion tells the story as a still.

THE NEVERS

  • No particle storm, no neon pulse
  • No bounce, no confetti, no gamified streak
  • No spaceship cockpit — observatory calm
  • No animated blur, shadow, or filter
  • No story that needs motion to be told
SYSTEM / 10 MOTION · AVOID · PRACTICE 58 / 105

Slide 59 of 107

Serras brand book slide 59 of 107: Motion confirms the gate. It never celebrates.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
The veil breathes every forty-five seconds. Everything else holds still.
ICONOGRAPHY & MOTION · THE BREATH CONTRACT
59 / 105

Slide 60 of 107

Serras brand book slide 60 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

08

Data Visualization

60 / 105

Slide 61 of 107

Serras brand book slide 61 of 107: Data Visualization
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

A number you cannot trace is a number you cannot defend.

Every chart is an audited claim. JetBrains Mono carries the values — tabular, traceable — and color is the fastest channel, never the only one.

SYSTEM / 08 DATA VISUALIZATION 61 / 105

Slide 62 of 107

Serras brand book slide 62 of 107: A number you cannot trace is a number you cannot defend.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
100 75 50 25 0 Discover Analyze Design Verify
FIG. 8.1 · COVERAGE BY PHASE · S1 TEAL-SOFT · S2 CERULEAN · S3 GREEN · S4 GOLD · TRUE-ZERO · 1PX GRID
SYSTEM / 08 VALIDATION COVERAGE 62 / 105

Slide 63 of 107

Serras brand book slide 63 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Four hues, four channels.

Color is the fast channel · the paired pattern is the carrier of record.
Series Token Non-color channel on void
S1 · Teal-soft anchor--chart-1solid fill7.31 : 1
S2 · Cerulean--chart-245° hatch7.77 : 1
S3 · Success green--chart-3dot field10.2 : 1
S4 · Warn gold--chart-4horizontal rule12.45 : 1

Four hues drawn from the spectral families, ordered for wide color-vision separation. Signal amber never enters a series.

All four clear the 3:1 graphic floor on void; status hues moonlighting as series hues is a documented collision, disambiguated by role.

SYSTEM / 08 CATEGORICAL SERIES 63 / 105

Slide 64 of 107

Serras brand book slide 64 of 107: Four hues, four channels.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Honest about its limits.

Passed71%
Pending22%
Flagged7%
0100

DON'T

Encode a series by hue alone, or spend signal amber on a data series.

DO

Pair every hue with a fill pattern and a labelled value; grow every bar from true zero.

SYSTEM / 08 THE GOVERNANCE FIGURE 64 / 105

Slide 65 of 107

Serras brand book slide 65 of 107: Honest about its limits.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Comparing magnitudes across categories.

806040200MonTueWedThuFri Vertical Bar
403020100DiscoverAnalyzeDesignVerify Grouped Bar
403020100DiscoverAnalyzeDesignVerify Stacked Bar
DiscoveryAnalysisDesignBuildAudit050100150 Horizontal Bar
0153045MinsTime to verdict Bullet
-200+20DiscoverVerifyDesignLaunch Diverging Bar
SYSTEM / 08 GALLERY · COMPARISON 65 / 105

Slide 66 of 107

Serras brand book slide 66 of 107: Comparing magnitudes across categories.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Change measured over time.

060120W1W3W5W7 Line
04080DAVW1W4W7 Multi-line
025508a1p6p Area
050100PassedPendingJanAprJun Stacked area
015309a12p4p Step
DiscoverAnalyzeDesignVerify Sparkline grid
SYSTEM / 08 GALLERY · TREND 66 / 105

Slide 67 of 107

Serras brand book slide 67 of 107: Change measured over time.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

How the whole divides.

1240runsImplementation 45%Validation 28%Design 17%Discovery 10% Donut
100500DiscoverDesignVerify Hundred-percent Stacked Bar
Discover 412Analyze 248Design 176Audit 98Ship 74 Treemap
Passed 68%Pending 32% Waffle
82%coverage0100SLA 90 Gauge
Intake 980Planned 642Audited 388Shipped 214 Funnel
SYSTEM / 08 GALLERY · PART-TO-WHOLE 67 / 105

Slide 68 of 107

Serras brand book slide 68 of 107: How the whole divides.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Spread, shape, and outliers.

01224360-510-1520-2530+ Histogram
0153045DiscoverAnalyzeDesignVerify Box Plot
0153045Evidence links Scatter
04080120VerifyDesignDiscoverAnalyze Bubble
DisAnaDesVerMonTueWedThuFri Heatmap
0204060MonTueWedThuFriSat Range Bar
SYSTEM / 08 GALLERY · DISTRIBUTION 68 / 105

Slide 69 of 107

Serras brand book slide 69 of 107: Spread, shape, and outliers.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Connections and flows.

EvidenceSpeedCoverageAccuracyCompliance Radar
BeforeAfterDisAnaDesignVerify1926128 Slope
IntakeDisAnaVerifyShipRemediate Sankey
HubDisAnaDesignVerifyDocs Network
DiscoverPlanDesignAuditShip09111315 Gantt
5075OpenPassFixPassNet Waterfall
SYSTEM / 08 GALLERY · RELATIONSHIPS 69 / 105

Slide 70 of 107

Serras brand book slide 70 of 107: Connections and flows.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Less common, still governed.

Discover 91%Analyze 88%Design 61%Verify 79% Radial bar
15304560DiscoverAnalyzeVerifyDesignImplementation Dot plot
204060DiscoverAnalyzeVerifyDesign Dumbbell
DisAnaDesignVerifyShip Chord/arc
lowhighflags / hour Hexbin
DiscoverVerifyDesign Marimekko
SYSTEM / 08 GALLERY · VARIANT FORMS 70 / 105

Slide 71 of 107

Serras brand book slide 71 of 107: Less common, still governed.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
If a chart only makes sense in color, it is not finished.
ONE COLOR, ONE MEANING — NEVER THE ONLY CHANNEL
71 / 105

Slide 72 of 107

Serras brand book slide 72 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

12

Voice & Tone

72 / 105

Slide 73 of 107

Serras brand book slide 73 of 107: Voice & Tone
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
Bring three paragraphs or a thousand pages. Serras can begin either way.
CANONICAL COPY STACK · THE OPENING BELIEF
▍ APPLICATION / 12 VOICE & TONE 73 / 105

Slide 74 of 107

Serras brand book slide 74 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Five axes. Each a filter, not an adjective.

The voice axes (1–3) · the standard each line is held to
Axis It is It carries Source of authority
Calm precision Measured, unhurried, exact Certainty, not spectacle The audited process
Warm confidence Assured, plain present tense A promise the record backs The delivered artifact
White-glove Attentive at every handoff Care, not ceremony The human at command
APPLICATION / 12 VOICE & TONE 74 / 105

Slide 75 of 107

Serras brand book slide 75 of 107: Five axes. Each a filter, not an adjective.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The same standard, all the way down.

The voice axes (4–5) · the standard each line is held to
Axis It is It carries Source of authority
Evidence-first Arrives with its proof attached A citation, not an assertion The audit trail
Elite, not exclusive Senior-team standard, open door Quality without gatekeeping The core promise

Each axis is a test, not a trait: AI hype clears none of them, so none of it ships.

APPLICATION / 12 VOICE & TONE 75 / 105

Slide 76 of 107

Serras brand book slide 76 of 107: The same standard, all the way down.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Two registers, tuned to one calm voice.

The operator gets precision; the end-user gets plain language. Both read in one order: belief, then feeling, then action.

The two registers, dimension by dimension
Dimension Operator End-user
Reads atPrecise; terms defined inlineGrade 5–6, plain
Sentence shapeEm-dash asides, exactBefore / After / Bridge
NumbersValidated, source attachedOnly when they help
LimitsFlagged honestly, on recordSet as clear expectations
The askCommand with clarity“Bring Us the Vision.”
APPLICATION / 12 VOICE & TONE 76 / 105

Slide 77 of 107

Serras brand book slide 77 of 107: Two registers, tuned to one calm voice.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Clarity arrives before the crisis does. · Precision you can feel. · The calm at the center of everything in motion.

Amber lands on exactly one word per view — the one signal that matters. Every other line holds the calm and carries its evidence.

APPLICATION / 12 CANONICAL HEADLINES 77 / 105

Slide 78 of 107

Serras brand book slide 78 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Banned on sight, replaced on record.

They import AI hype, or they promise what no evidence backs. Each banned term has a preferred word that carries proof.

Banned terms · each paired with the preferred lexicon
Never Say instead
unleash · supercharge · 10xproof · evidence
revolutionary · magicgoverned · orchestration
AI-powered everythingcommand · factory
“we automate your business”path · vision
one-click app · cheap · fastest everclarity · foundation · signal
APPLICATION / 12 BANNED LEXICON 78 / 105

Slide 79 of 107

Serras brand book slide 79 of 107: Banned on sight, replaced on record.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One claim, rewritten to clear all five.

✗  BEFORE · FAILS ALL FIVE

“Serras builds your company for you — better, faster, guaranteed.”

✗ unvalidated — no evidence attached ✗ absolute — hides that results vary ✗ hype register — a promise, not proof

✓  AFTER · CLEARS ALL FIVE

“Serras reduces waste by changing the delivery model itself. Pilot results are labeled as pilots — and results vary.”

✓ claims the model, not a number ✓ pilots labeled as pilots, on record ✓ “results vary” stated, not hidden
APPLICATION / 12 BEFORE & AFTER 79 / 105

Slide 80 of 107

Serras brand book slide 80 of 107: One claim, rewritten to clear all five.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

10

Applications

80 / 105

Slide 81 of 107

Serras brand book slide 81 of 107: Applications
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Vision resolves
into proof.

Every artifact delivered. Every decision auditable. Every dollar measured. The surfaces here ship under those words today.

APPLICATION / 10 THE PROOF 81 / 105

Slide 82 of 107

Serras brand book slide 82 of 107: Vision resolves into proof.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Evidence Theater on an artifact subdomain

aurora.serras.dev · latency 12ms · uptime
07 IN AUDIT
02 AT THE GATE
01 REMEDIATING
23 DELIVERED
AUDIT · IN FLIGHT PENDING

Brand foundation enters the audit

EVIDENCE CHAIN
2 / 3 VERIFIED · 1 PENDING
SEND TO GATE View evidence
FIG. 10.1 · EVIDENCE THEATER · ILLUSTRATIVE, NOT A TEMPLATE · ONE AMBER CTA
APPLICATION / 10 EVIDENCE THEATER 82 / 105

Slide 83 of 107

Serras brand book slide 83 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
DESIGN GATE · PROJECT AURORA

The foundation is yours.

Qualified projects keep the foundation. Only the build is funded here.

Design audit PASSED · RECORDED
Remediation loop 1 RAISED · RESOLVED
Build funding AWAITING DECISION
evidence_id: 7f26-08c4 · chain-of-custody ok
FUND THE BUILD Keep the foundation
FIG. 10.2 · THE DESIGN GATE · NOTHING SHIPS ON A FAILED AUDIT · ONE AMBER CTA
APPLICATION / 10 THE DESIGN GATE 83 / 105

Slide 84 of 107

Serras brand book slide 84 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Documentary imagery — the operator's command deck at first light

COMMISSIONED STUDY / THE OPERATOR’S COMMAND DECK — FIRST LIGHT
APPLICATION / 10 IMAGERY 84 / 105

Slide 85 of 107

Serras brand book slide 85 of 107: Documentary imagery — the operator's command deck at first light
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
Passed first audit62%
Remediated · passed28%
Held at the Gate10%
0100

The gate, in numbers.

Nothing ships on a failed audit. Every decision is recorded before anything moves.

APPLICATION / 10 GATE METRICS 85 / 105

Slide 86 of 107

Serras brand book slide 86 of 107: The gate, in numbers.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The system holds, smallest first.

BROWSER TAB · FAVICON SCALE
SERRAS favicon aurora.serras.dev

The mark is final and monochrome — white on dark grounds, #231F20 on light; the favicon variant is marked pending production. At 16px the wordmark drops and the mark stands alone.

CO-BRAND LOCKUP · ENDORSED
PROJECT AURORA

SERRAS is primary. The partner mark is cap-height matched and divided by a one-pixel rule; the lockup stays monochrome on every artifact subdomain.

APPLICATION / 10 SMALLEST SCALE 86 / 105

Slide 87 of 107

Serras brand book slide 87 of 107: The system holds, smallest first.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
Nothing ships on a failed audit. Everything ships with proof.
SERRAS · BRAND PROMISE
87 / 105

Slide 88 of 107

Serras brand book slide 88 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

14

Imagery &
Art Direction

88 / 105

Slide 89 of 107

Serras brand book slide 89 of 107: Imagery & Art Direction
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Light moving through darkness.

The Iridescent Veil is the only imagery system — a warm-gold core dissolving to teal on near-black. No stock photography, no lifestyle, no AI-brain visuals, no neon. The veil sets the stage; the copy holds the calm dark zone, and light never crosses it.

APPLICATION / 14 IMAGERY 89 / 105

Slide 90 of 107

Serras brand book slide 90 of 107: Light moving through darkness.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

COMMISSIONED STUDY · LIGHT · 1800×1800 · MOUNTED FOR THE RECORD · HERO SURFACES ONLY

APPLICATION / 14 IMAGERY 90 / 105

Slide 91 of 107

Serras brand book slide 91 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One light, many subjects.

Every commissioned study obeys the veil’s physics — warm light emerging through darkness, the subject secondary to the glow. If light had a smell, it would be joy.

LIGHT
GALAXY
ABSTRACT
INSTRUMENT
MACRO
FIELD
APPLICATION / 14 IMAGERY 91 / 105

Slide 92 of 107

Serras brand book slide 92 of 107: One light, many subjects.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Imagery is. Imagery is not.

The admissible register, named in both directions
Imagery isImagery is not
The Iridescent Veil — warm-gold core dissolving to tealStock photography or lifestyle — models, offices, staging
Hero surfaces only — the hero and the section openersInterior atmosphere — interior slides stay flat void
Copy in the calm dark zone — static scrim rgba(3,9,11,0.82)Light crossing copy — a rim glint never touches a glyph
Moodboard paintings as provenance — inspiration on recordAI-brain visuals or neon — excluded by canon, not deferred
APPLICATION / 14 IMAGERY 92 / 105

Slide 93 of 107

Serras brand book slide 93 of 107: Imagery is. Imagery is not.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

A single veil, read in three parts.

Twenty-six plates: thirteen landscape at 3828×2158, thirteen portrait at 1890×2474. Each reads the same way.

FIG. 14.1 · Warm-gold core — where the light begins
FIG. 14.2 · Teal dissolve — the long fade to near-black
FIG. 14.3 · Calm dark zone — where the copy sits
APPLICATION / 14 IMAGERY 93 / 105

Slide 94 of 107

Serras brand book slide 94 of 107: A single veil, read in three parts.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The default is flat void. The veil is hero-only.

Flat void interiorsdefault
Veil plates — hero + openershero-only
Moodboard paintingsnever ships
Stock & lifestyleexcluded
nonehero
APPLICATION / 14 IMAGERY 94 / 105

Slide 95 of 107

Serras brand book slide 95 of 107: The default is flat void. The veil is hero-only.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
The light sets the stage. The copy holds the calm.
SERRAS · ART-DIRECTION DOCTRINE
95 / 105

Slide 96 of 107

Serras brand book slide 96 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

15

Accessibility

96 / 105

Slide 97 of 107

Serras brand book slide 97 of 107: Accessibility
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

WCAG 2.2 AA is the floor, not the finish.

Tier one · body-safe — the steel text ramp on the void #060B10
Token Role on the void Ratio Level
display-hi #F3FBFF Hero & display ink 18.86:1 AAA
hi #EAF6FF Headline ink 17.99:1 AAA
text #DEF6FF Body ink 17.62:1 AAA
secondary #9FC3D2 Lead & secondary copy 10.55:1 AAA
tertiary #7E9DAA Captions & metadata 6.86:1 AA

Two claims, two scopes. Brand system: contrast-validated WCAG AA — contrast.mjs, zero failures. Product spatial UI: best-effort by design, stated plainly.

Ratios are measured on the void #060B10 — dark canonical. Where an older document says 2.1 and the shipped code says 2.2, the shipped code wins.

APPLICATION / 15 ACCESSIBILITY 97 / 105

Slide 98 of 107

Serras brand book slide 98 of 107: WCAG 2.2 AA is the floor, not the finish.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

Tier two is large-only. Tier three never carries text.

Tiers two & three · bounded roles — measured on the void #060B10
Token Role on the void Ratio Level
muted #5C7681 Large type & UI only 4.1:1 AA LG
teal #3F8A9B Interactive · large only 5:1 AA LG
faint #3E555E Decorative only · never text 2.51:1 —

The functional register clears AA whole — success 10.2:1, warn 12.45:1, error 6.59:1, info 7.77:1 — and every solid fill takes dark ink.

The boundary lives at the token: steel-500 muted never sets body text; faint and the spectral ramp are decorative only. The binding enforces it, not discipline.

APPLICATION / 15 ACCESSIBILITY 98 / 105

Slide 99 of 107

Serras brand book slide 99 of 107: Tier two is large-only. Tier three never carries text.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The page demonstrates its own rules.

▍  PRACTICE · THE CYAN FOCUS RING

Ring --border-focus — cyan #87D8FF, 12.73:1 on ink · 2px outline · 3px offset. Chip ink is --cta-fg — ink #04080B on amber, 11.46:1; white-on-amber fails. Tab in and the documented ring is the one you get.

▍  PRACTICE · COLOR IS NEVER THE SOLE CARRIER

✓  AUDIT PASSED ◷  IN REMEDIATION ✗  FAILED AUDIT ●  EVIDENCE ATTACHED

Hue + word + glyph — desaturate the row and every label still carries. The same parity governs motion: under reduced motion, the still frame tells the whole story.

APPLICATION / 15 ACCESSIBILITY 99 / 105

Slide 100 of 107

Serras brand book slide 100 of 107: The page demonstrates its own rules.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.
Evidence that cannot be perceived is not evidence — it is decoration.
BRAND SYSTEM: CONTRAST-VALIDATED, 0 FAILURES · PRODUCT SPATIAL UI: BEST-EFFORT BY DESIGN
APPLICATION / 15 ACCESSIBILITY 100 / 105

Slide 101 of 107

Serras brand book slide 101 of 107
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

13

Governance
& Close

101 / 105

Slide 102 of 107

Serras brand book slide 102 of 107: Governance & Close
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

No later phase re-argues the vision.

01 · SYSTEM DOCTRINE

The authoritative artifact is IDENTITY STANDARD. This book is a projection governance agents machine-consume — every rule here is written as an enforceable, falsifiable statement.

02 · APPROVAL-GATED CHANGE

Report-only by default — the system never silently rewrites. Every change lands with an audit trail, and unapproved output carries a DRAFT watermark.

03 · THE ACCEPTANCE TEST

Ten questions close every review — “Does this feel elite, but not exclusive?” “Does the animation teach something, or is it decoration?” A page that cannot answer does not ship.

Brand governance mirrors product governance: nothing ships on a failed audit. When sources disagree, the hierarchy settles it — leadership decisions, then the Firstlight tokens, then the Serras explainer, then the spatial brief.

evidence_id: 7f26-08c4 · chain-of-custody ok

REFERENCE / 13 GOVERNANCE 102 / 105

Slide 103 of 107

Serras brand book slide 103 of 107: No later phase re-argues the vision.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

One owner answers. The parent mark is always retained.

SUB-BRAND FRAMEWORK

/ UI / DISCOVERY COUNCIL

Separator “/” only — never a dash, hyphen, or colon. The sub-name is recessive; the placed mark always dominates. This light page is spec on record — the shipped brand stays dark-native.

OWNER & CONTACT

OWNER   Brand Governance

CONTACT brand-governance@tarva

CONTRACT v1.0.0

BAKED   2026-07-03

REFERENCE / 13 OWNERSHIP 103 / 105

Slide 104 of 107

Serras brand book slide 104 of 107: One owner answers. The parent mark is always retained.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

LEGAL & TRADEMARK NOTE

The mark is final — protected in its approved lockups.

MARK · FINAL · MONOCHROME

WORDMARK · SERRAS · PRIMARY REGISTRATION

STACKED LOCKUP · TRADE DRESS

The mark, the SERRAS wordmark, and the stacked lockup are protected as a monochrome system — six produced variants, never amber. On record: Fraunces flagship, mark FINAL, tesseract quarantined, veil on hero surfaces only, no legacy metric without revalidation. Operational guidance, not legal advice — consult qualified trademark counsel before any filing.

104 / 105

Slide 105 of 107

Serras brand book slide 105 of 107: The mark is final — protected in its approved lockups.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

The calm
at the center of
everything in motion.

PARADIGM · RE-ANCHORED 105 / 105

Slide 106 of 107

Serras brand book slide 106 of 107: The calm at the center of everything in motion.
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

SERRAS — nothing ships on a failed audit

Every artifact delivered. Every decision auditable. Every dollar measured.

@tarva/ui/themes/serras · v1.0.0 · baked 2026-07-03 · owner: brand governance

Slide 107 of 107

Serras brand book slide 107 of 107: SERRAS — nothing ships on a failed audit
Rotate your phone for a larger view. Tap the slide to open it full size and zoom.