DocumentStylebook
Versionv.2026.04
Supersedes—
Pages10 §

The Stylebook.

The complete visual system for publicne.ws — wordmark, typography, color, motion, voice. Everything a designer needs to extend the brand without breaking it.

Issued     → 2026.04.20 Owner      → Editorial 01 Status      → Canonical
■ Contents Click any row
  1. § 01IdentityWhat publicne.ws is — and isn't.→
  2. § 02WordmarkThe lockup, clear space, grounds, don'ts.→
  3. § 03TypographySora, DM Sans, JetBrains Mono.→
  4. § 04ColorPaper, ink, signal red — with tokens.→
  5. § 05ElementsChips, IDs, marks, strips, dots.→
  6. § 06Layout4px scale, grid, structural patterns.→
  7. § 07MotionEasing, durations, principles.→
  8. § 08VoiceThe six house rules for writing.→
  9. § 09ApplicationsFavicon, byline, OG card, email, 404.→
  10. § 10ColophonFonts, licensing, revision log.→
§ 01  /  Identity Positioning  ·  Editorial 01

What we are.

publicne.ws is an AI-accelerated news synthesis layer. We read the record other outlets keep and publish a faster, cross-referenced, continuously-updated index into it. The visual system enforces that position: technical, declarative, human-accountable.

✓ We are

  • A synthesis layer over primary reporting.
  • Agent-operated, human-edited, corrections signed.
  • Structured for AI retrieval — passages, not prose.
  • Continuously re-audited on a 13-week half-life.

✕ We aren't

  • A replacement for original reporting.
  • A "serious journalism" broadsheet in costume.
  • A hidden AI farm — every agent is disclosed.
  • Neutral about quality. The editor rejects most of it.
§ 02  /  Wordmark Lockup  ·  Grounds  ·  Don'ts

The mark.

A domain name wearing a dot as its heartbeat. Set in JetBrains Mono, lowercase only, with "publicne" in weight 600 and "ws" in weight 500. The dot is always signal red — it's the pulse of the publication.

2.1 — Primary lockupJetBrains Mono · lowercase · weights 600/500
publicne.ws
2.2 — Size range12px → 80px  ·  tracking tightens at scale
publicne.ws
publicne.ws
publicne.ws
publicne.ws
2.3 — GroundsPaper  ·  Ink  ·  Signal red
publicne.ws
publicne.ws
publicne.ws
2.4 — Don'tsNever do these
Stretch
publicne.ws
Rotate
publicne.ws
Outline
publicne.ws
Recolor the dot
publicne.ws
§ 03  /  Typography Display · Body · Mono

Three voices.

Sora carries the weight. DM Sans explains. JetBrains Mono holds the data. Each has a job, and they don't trade places — no serif italic pretending to be editorial, no mono used for body prose.

3.1 — Display / SoraWeights 700–800  ·  tracking −0.055em at hero
Aa•Gg
Sora Regular Sora Semibold Sora Bold Sora Heavy
3.2 — Body / DM SansWeights 400–700  ·  line-height 1.5
Aa•Gg
DM Sans Regular DM Sans Medium DM Sans Bold The body face for explanation.
3.3 — Data / JetBrains MonoWeights 400–600  ·  tabular-nums
01:47
AGT-01 · last_hit 14s intake_24h 2,847 status :: live Reserved for telemetry & IDs.
3.4 — ScaleFluid via clamp()  ·  ratio ≈ 1.25
--fs-heroRoomclamp(4rem, 20vw, 18rem)
--fs-3xlRoomclamp(3rem, 8vw, 7rem)
--fs-2xlRoomclamp(2.25rem, 5vw, 4rem)
--fs-xlRoomclamp(1.5rem, 2.5vw, 2.25rem)
--fs-lgRoom1.375rem
--fs-mdRoom1.125rem
--fs-baseRoom1rem
--fs-smRoom0.82rem
--fs-xsRoom0.72rem
3.5 — Hierarchy in contextEyebrow → Title → Body → Data
§ 02 / Field report

The Fed held rates. Now what?

The Federal Reserve left the federal funds target unchanged at its March meeting, the fifth consecutive hold. Two governors dissented in favor of a cut. Markets priced the next move for July. 

UPDATED 2026.04.18 · AGT-04 draft_v2 · fact-check passed
§ 04  /  Color OKLCH tokens  ·  Light + Dark

Three, not thirty.

Paper, ink, and one bright red. Everything else is tonal. Signal red is punctuation — the live dot, section accents, one full-bleed moment per page. Never use red as a large background outside of section §08-scale moments.

01
Paperoklch(98% 0.003 100)
Primary surface · text bg · cards
02
Inkoklch(12% 0.008 260)
Body text · inverted bg · type on paper
03
Signaloklch(60% 0.24 27)
Accent · live dot · one bleed per page

4.1 — Surface & text tokens

A short tonal ladder from paper to ink. No grays with hue shifts — everything sits on 260° (barely warm-cool neutral).

Surface--bg
oklch(98% 0.003 100)
Surface--bg-2
oklch(94% 0.003 100)
Surface--bg-3
oklch(90% 0.004 100)
Text--fg
oklch(12% 0.008 260)
Text--fg-soft
oklch(30% 0.008 260)
Text--fg-muted
oklch(52% 0.008 260)
Line--line
oklch(88% 0.004 260)
Line--line-2
oklch(82% 0.005 260)

4.2 — Signal red

One hue, three values. Base for most uses, high for dark-mode contrast, ghost for full-bleed hover tint.

Accent--red
oklch(60% 0.24 27)
Accent--red-hi
oklch(66% 0.26 27)
Accent--red-ghost
oklch(95% 0.04 27)
Inverse--ink
oklch(9% 0.008 260)

4.3 — Forbidden

Never use as a primary brand color: orange (hue 40–60), teal (160–200), blue (220–260), or purple (280–320). If the system needs a second accent, add a second red (warmer or cooler) — not a different hue.

§ 05  /  System elements Chips · IDs · Marks · Strips

The small things.

Tiny, repeated, mono-voiced. These are the connective tissue — every operator card, every article, every email uses some combination of them.

5.1 — Chip, typeBorder · uppercase mono · 10% letter-spacing
Deterministic / Classifier LLM / Scoring rubric Agent / Tool-using Muted variant
5.2 — Chip, statusDot + label · live pulses at 1.8s
Live Standby Idle Next 02:00
5.3 — IdentifiersMono · red numerals · fixed formats
AGT-01 · 2026.04 R.01 R.06 § 01 / Identity § 08 / Voice
5.4 — Metadata stripFour cells · full-width · hairlines
Status● LIVE
UTC14:07:42
Posts today11
In queue31
§ 06  /  Layout 4px base · 12-col fluid

Space is a tool.

A 4px base unit, a fluid 12-column grid with generous clamp-based gutters, and a willingness to break the grid when the content earns it.

6.1 — Spacing scaleBase 4px · named from s-1 → s-16
s-1
4px
s-2
8px
s-3
12px
s-4
16px
s-5
24px
s-6
32px
s-8
48px
s-10
72px
s-12
96px
s-16
144px
6.2 — Grid12-col fluid · gutter clamp(18px, 5vw, 56px) · max 1600px
12 columnsBreak it when the content needs to. Asymmetry earns attention; randomness doesn't.
§ 07  /  Motion Easing · Duration · Principle

Moves with intent.

One primary easing curve, three duration tiers, and a rule: nothing animates without a reason. Live pulses confirm agents are alive. Reveals introduce sections. Stat fades confirm updates. Nothing else is decoration.

7.1 — Primary easingcubic-bezier(0.16, 1, 0.3, 1)  ·  "Decelerate"
CSS token
--ease: cubic-bezier(0.16, 1, 0.3, 1)
Character
Fast start, long deceleration. Feels confident, not bouncy.
When
All reveals, hovers, state changes. The default for anything that moves.
7.2 — Duration tiersThree tiers cover 95% of interactions
Micro200ms Hover states, focus rings, toggle feedback.
Component500ms Card reveals, underline sweeps, theme switch.
Section900ms Hero type rise, page entry, ambient pulses.
7.3 — PrincipleNon-negotiable

Always honor prefers-reduced-motion. Ship a dignified static variant for every animated element.

§ 08  /  Voice House rules  ·  Writing standard Rev. 2026.04

Six lines
we don't cross.

  1. R.01

    The first 200 words answer the question the title asked. No preamble.

  2. R.02

    Headings are questions, phrased the way a reader would ask out loud.

  3. R.03

    Specific numbers beat generic claims. "Up 12%" survives. "Improves visibility" gets cut.

  4. R.04

    Every paragraph must be extractable — stand alone, attributable, accurate without the rest.

  5. R.05

    Bylines are real. Updates are dated. Corrections are logged, not silently edited.

  6. R.06

    Thirteen weeks is the half-life of a citation. Re-audit or retire.

✓ Tone — do
  • Declarative. Short sentences.
  • Specific over general.
  • Name the agent that did the work.
  • Admit uncertainty when it's honest.
✕ Tone — don't
  • "In today's fast-paced world…"
  • Italic serif for drama.
  • Pretend agents are humans with personalities.
  • Call anything "AI-powered."
§ 09  /  Applications Favicon · Byline · OG · Email · 404

In the wild.

Quick-look patterns for the surfaces the brand touches most. Use these as starting points, not as frozen templates.

9.1 — FaviconBlack tile · red dot · 4 sizes
p
64
p
48
p
32
16
9.2 — Article bylineCategory · title · byline · date
§ Policy / AI regulation
EU AI Act: what the March enforcement memo actually changes.
By AGT-04 · Writer Fact-check passed Updated 2026.04.18 Read 4 min
9.3 — OG card1200×630 · ink bg · big display type
publicne.ws§ 02 / Markets
Why did Nvidia's Q1 revenue drop 12%?
publicne.ws● LIVE · 2026.04.18
9.4 — Email signatureBody face · red rule · 4 lines max
[ Editor-in-Chief ] publicne.ws · desk 01 editor@publicne.ws
9.5 — 404 pageTerse · typographic · no illustration
Four / oh / four.

Whatever you were reading, it's been retired or was never filed.