subconscious.ai Design System · Vol. I · 2026 Stated vs Revealed · always

Design system.

Doctrine · Stated vs Revealed  ·  Fonts Exposure · Sohne Mono · Redaction  ·  Palette Newsprint · Ink · Signal Red  ·  Rule One thing violently large · one uncomfortably small

Nº 00 · foundation
Nº 00 · Foundation
Doctrine — Stated vs Revealed

Start here. The molecular pattern every surface obeys. Left column: stated. Right column: revealed. If you can't draw the pair, you don't have the idea.

Brand
Nº 01 · Color
Color system.

3 signals · ink · ivory · red  ·  9 themes · paired light/dark  ·  Rule red means gap only

Nº 02 · Type
Type system.

Exposure display  ·  Redaction italic / stated  ·  Sohne Mono meta  ·  three voices · one doctrine

Nº 03 · Space
Space and rule.

Radius 0 or 2px only  ·  Rules not shadows  ·  Grid asymmetric 3fr/7fr always

Nº 04 · Logos
Logo marks.

Primary arrow + wordmark  ·  Arrow 45° exact  ·  clearspace · size ramp · on-color variants

Nº 05 · Icons
Iconography.

Lucide stroke-only · 1.5–2px weight  ·  hover reveal  ·  click-to-copy  ·  no decorative icons

Nº 06 · Hero
Brand hero.

Stated vs Revealed at the page level  ·  full-bleed compositions  ·  off-grid elements

Components
Nº 07 · Buttons
Arrows that move.

8 directions · one engine  ·  data-dir sets --ax --ay  ·  arrow shoots · slab floods opposite  ·  compass grid

Nº 08 · Links
Fuzzy at rest.

Blur 0.7px at rest · sharp on hover  ·  dotted → solid  ·  the signature subconscious.ai interaction

Nº 09 · Forms
Input fields.

Inputs · selects · toggles · validation  ·  Redaction italic placeholders  ·  red = error only

Nº 10 · Stats
Numbers that prove.

93% · 15,000× · $38B  ·  every stat has source + method + status  ·  tabular-nums always

Nº 11 · Nav
Navigation.

Fixed chrome · logo top-left · menu top-right  ·  backdrop-filter blur(6px)  ·  opacity 0.4 → 1.0 on hover

Nº 12 · Table
Metrics table.

Stated vs Revealed columns  ·  click-to-expand deltas  ·  animated comparison bars  ·  ink hairlines only

Nº 13 · Features
Feature list.

01 :: code-comment kicker  ·  title + 1–2 sentence body  ·  dotted link to paper  ·  never bullet-point flavor

Nº 14 · Motion
Motion spec.

Durations 200/300/600ms  ·  ease-out only  ·  no bounces · no springs  ·  prefers-reduced-motion respected

Data & Visualization
Nº 15 · Charts
Investment-grade charts.

Accuracy bars · ridgeline · dumbbell  ·  stated vs revealed always  ·  ink + red only · no rainbow

Nº 16 · Causality
Causal diagrams.

DAG vocabulary · nodes · do() · back-door paths · counterfactual splits  ·  one red arrow per diagram

Nº 17 · Data viz
Viz language.

Chart specs derived from deck patterns  ·  stat cards · timeline · comparison  ·  Tufte-adjacent, investment-grade

Voice & Messaging
Nº 18 · Voice
Voice & tone.

Ban list · channel rules · tagline library  ·  Wall Street quant memo meets behavioral scientist

Nº 19 · Frames
Vision frames.

8 rhetorical moves · capitalism · AI Scientist · cost/value inversion · arrows vs indians · copy-paste library

Nº 20 · Messaging
Messaging cheatsheet.

Taglines · elevator pitch · 50-word boilerplate · we are / we are not  ·  top proof points

Nº 21 · Proof
Customer proof.

PwC · River City FCU · Finta · Craft & Logic  ·  named quotes as reusable card patterns

Templates
Nº 22 · Email
Email templates.

Cold outbound · customer announcement · investor update  ·  branded shells for channel playbooks

Nº 23 · One-pager
One-pager.

New Yorker feature limit  ·  stated vs revealed as the whole page  ·  US Letter · print-ready

Doctrine Every surface is a pair.
Left column stated. Right revealed.
Red marks the gap. Always.
Fonts Exposure Light/ExtraLight/Thin
Redaction Italic · pull quotes
Sohne Mono · meta / proof / labels
Rules One thing violently large.
One thing uncomfortably small.
Kill the middle weight.