for the agent and for us · one stylesheet, one vocabulary
Receipt
Paper, ink, rules, monospace for evidence, stamps for status. One brand accent. Visual clarity helps inspection; it is not evidence of correctness or trustworthiness.
Source of truth: styles/seal.css. Everything below is a rendering of it. System fonts only (CSP). Light and dark via prefers-color-scheme.
Colour
paper--paper · #f6f4ef
page ground
paper-2--paper-2 · #efece5
recessed cells, table heads
ink--ink · #15181a
text, rules, filled buttons
ink-3--ink-3 · #6b7075
kickers, meta, gaps
seal--seal · #0f4c5c
the one accent: links on hover, primary count, PASS, layer 4
crit--crit · #a3261c
critical ≥ 9.0 · FAIL reason · read errors. never brand
high--high · #8a5a00
high 7.0–8.9 only
rule-soft--rule-soft · #cfcbc2
1px inner dividers
Rule. Medium and low severity get no colour — ink and grey. If everything is coloured, nothing is critical.
Type
What a PASS means — and what it does not
body · 16px/1.55Sentence case. One claim per paragraph. Max measure 64ch. kicker · mono 12px upperoffline · deterministic · no llm evidence · monoCVE-2026-33211 · F-TEKTON-001-001 · sha256:9f2c…a1 · v1.9.2
Rule. If it is an identifier, a hash, a version, a score or a code — monospace. If it is a sentence — sans. The reader must be able to tell evidence from prose without reading.
Stamps
Rule. A stamp is a fact someone else confirmed. Never stamp our own claims — VERIFIED appears only when the verifier returned it.
Components
Data, code and archive
| class | use | rule |
|---|---|---|
| .table / .table-wrap | any table of facts | mono uppercase heads, 1.5px rule under the head, 1px between rows, no zebra, no cell borders. Always wrapped for narrow screens. |
| pre.code | config and payloads | recessed ground, 2px left rule, comments in <b> grey. Never a fake terminal, never a window chrome. |
| .steps / .stages | flows and lifecycles | mono counter or mono term in a fixed gutter; collapses to one column under 640px. |
| .modes | the three ways to read research | one ruled row, current mode inverted. Not tabs — each target is a real anchor. |
| .hl | curated highlights | score · id + one sentence · status. The sentence says what the record demonstrates, not how severe it is. |
| .archive-bar | superseded pages | first element inside main, before the h1. Grey, never red — archived is not broken. |
| .caption | under any table or diagram | carries the limit of what the thing above proves. A diagram without a caption is an unlabelled claim. |
degraded_mode: container: fail_open_with_audit # dev container_prod: fail_closed # prod
Rules that are not about pixels
always
Every capability claim has its boundary in the same section.
Every number links to the data it came from.
Missing data reads not recorded — never hidden, never invented.
Empty states say “absence is a filter result, not a claim”.
never
Emoji. Gradients. Rounded corners. Shadows.
Red for brand or emphasis.
Marketing superlatives — the record speaks.
A stamp for something we assert about ourselves.
Accessibility target. Visible 2px accent focus, textual state labels, reduced-motion support and native controls. These design rules are not a claim of a completed WCAG conformance audit.