╔═══════════════════════════════════════════════════════════════════════════════╗
║ ║
║ THE CENTER: ║
║ "CodexMono is The Brick - the fundamental unit that enables ║
║ Monokinetics: unified Human + AI experience through ║
║ predictable, trustable visual alignment." ║
║ ║
╚═══════════════════════════════════════════════════════════════════════════════╝
Variable Font System
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ TRADITIONAL VS VARIABLE │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ Traditional Fonts: Variable Font: │
│ ┌─────────────────────┐ ┌─────────────────────────────────────┐ │
│ │ Font-Thin.ttf │ │ │ │
│ │ Font-Light.ttf │ │ CodexMono-Variable.ttf │ │
│ │ Font-Regular.ttf │ ──► │ │ │
│ │ Font-Medium.ttf │ │ Weight: 100 ──────────────► 800 │ │
│ │ Font-Bold.ttf │ │ (continuous axis) │ │
│ │ Font-Black.ttf │ │ │ │
│ └─────────────────────┘ └─────────────────────────────────────┘ │
│ 6 separate files 1 file, infinite weights │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
How Variable Fonts Work
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ MASTER INTERPOLATION │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ Master 1 (Weight 100 - Thin) │ │
│ │ ┌─────────────────────────────────────┐ │ │
│ │ │ Thin strokes, wide spacing │ │ │
│ │ │ Width: 600 units (CONSTANT) │ │ │
│ │ └─────────────────────────────────────┘ │ │
│ │ │ │ │
│ │ │ Interpolation │ │
│ │ │ (any value between) │ │
│ │ ▼ │ │
│ │ Master 2 (Weight 800 - ExtraBold) │ │
│ │ ┌─────────────────────────────────────┐ │ │
│ │ │ Thick strokes, tight spacing │ │ │
│ │ │ Width: 600 units (CONSTANT) │ │ │
│ │ └─────────────────────────────────────┘ │ │
│ │ │ │
│ └─────────────────────────────────────────────────────────────┘ │
│ │
│ KEY INSIGHT: Strokes change, spacing adjusts, WIDTH STAYS 600 │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
Weight Spectrum
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ 8 WEIGHT STOPS │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ 100 200 300 400 500 600 700 800 │
│ │ │ │ │ │ │ │ │ │
│ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ A │ │ A │ │ A │ │ A │ │ A │ │ A │ │ A │ │ A │ │
│ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ └─────┘ │
│ Thin ExtraLt Light Regular Medium SemiBold Bold ExtraBold │
│ │
│ WIDTH: 600u 600u 600u 600u 600u 600u 600u │
│ 600u │
│ ════ ════ ════ ════ ════ ════ ════ │
│ ════ │
│ │
│ ALL WEIGHTS = 600 UNITS (INVARIANT) │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
Four Font Variants
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ VARIANT ECOSYSTEM │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ CodexMono Source │
│ │ │
│ ┌────────────────────────┼────────────────────────┐ │
│ │ │ │ │
│ ▼ ▼ ▼ │
│ ┌────────────┐ ┌────────────┐ ┌────────────┐ │
│ │ │ │ │ │ │ │
│ │ CodexMono │ │ CodexMono │ │ CodexMono │ │
│ │ (Base) │ │ -KR │ │ -EA │ │
│ │ │ │ │ │ │ │
│ │ Latin │ │ +Korean │ │ +Chinese │ │
│ │ Greek │ │ +Japanese │ │ +Kanji │ │
│ │ Cyrillic │ │ │ │ │ │
│ └────────────┘ └────────────┘ └────────────┘ │
│ │ │ │ │
│ └────────────────────────┼────────────────────────┘ │
│ │ │
│ ▼ │
│ ┌────────────────┐ │
│ │ CodexMono │ │
│ │ Traditional │ │
│ │ │ │
│ │ +Traditional │ │
│ │ Chinese │ │
│ │ (Taiwan/HK) │ │
│ └────────────────┘ │
│ │
│ ALL VARIANTS: Weight 100-800, 600/1200 unit widths │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
Variant Selection Guide
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ WHICH VARIANT DO YOU NEED? │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ Do you need CJK characters? │
│ │ │
│ ├── NO ──────────────────────► CodexMono (Base) │
│ │ ┌──────────────────────┐ │
│ │ │ Smallest, fastest │ │
│ │ │ Latin, Greek, Math │ │
│ │ └──────────────────────┘ │
│ │ │
│ └── YES ─────► What CJK do you need? │
│ │ │
│ ├── Korean/Japanese only │
│ │ │ │
│ │ └──► CodexMono-KR │
│ │ ┌──────────────────────┐ │
│ │ │ Hangul + Kana │ │
│ │ └──────────────────────┘ │
│ │ │
│ └── Chinese needed ─► Which Chinese? │
│ │ │
│ ┌─────────────────────┼──────────────┐ │
│ │ │ │ │
│ ▼ ▼ │ │
│ Simplified Traditional │ │
│ │ │ │ │
│ ▼ ▼ │ │
│ ┌──────────────┐ ┌──────────────┐ │ │
│ │ CodexMono-EA │ │ CodexMono │ │ │
│ │ │ │ Traditional │ │ │
│ │ Complete │ │ │ │ │
│ │ Coverage │ │ Taiwan/HK │ │ │
│ └──────────────┘ └──────────────┘ │ │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
TTF vs WOFF2
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ FORMAT SELECTION │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ CodexMono Source │
│ │ │
│ ┌─────────────┴─────────────┐ │
│ │ │ │
│ ▼ ▼ │
│ ┌─────────────────┐ ┌─────────────────┐ │
│ │ TTF │ │ WOFF2 │ │
│ │ Full Format │ │ Compressed │ │
│ └────────┬────────┘ └────────┬────────┘ │
│ │ │ │
│ ▼ ▼ │
│ ┌─────────────────┐ ┌─────────────────┐ │
│ │ System Install │ │ Web Delivery │ │
│ │ - Desktop Apps │ │ - Browsers │ │
│ │ - Terminals │ │ - Web Apps │ │
│ │ - IDEs │ │ - CDN Deploy │ │
│ └─────────────────┘ └─────────────────┘ │
│ │
│ SAME 600-UNIT INTEGRITY │
│ DIFFERENT DELIVERY MECHANISM │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ GOLDEN RULE: │
│ │
│ Desktop/System ────► TTF │
│ Web/Network ────► WOFF2 (60%+ smaller) │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
The Brick Principle
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ WIDTH PRESERVATION │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ Latin Characters (600 units = 1 brick) │
│ │
│ ┌──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┐ │
│ │ A │ B │ C │ 1 │ 2 │ 3 │ - │ + │ = │ @ │ │
│ │ 600 │ 600 │ 600 │ 600 │ 600 │ 600 │ 600 │ 600 │ 600 │ 600 │ │
│ └──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┘ │
│ │
│ CJK Characters (1200 units = 2 bricks) │
│ │
│ ┌────────────┬────────────┬────────────┬────────────┬────────────┐ │
│ │ ga │ na │ da │ ra │ ma │ │
│ │ 1200 │ 1200 │ 1200 │ 1200 │ 1200 │ │
│ └────────────┴────────────┴────────────┴────────────┴────────────┘ │
│ │
│ Mixed Script Alignment │
│ │
│ ┌──────┬──────┬──────┬────────────┬────────────┬──────┬──────┬──────┐ │
│ │ A │ B │ C │ text1 │ text2 │ 1 │ 2 │ 3 │ │
│ │ 600 │ 600 │ 600 │ 1200 │ 1200 │ 600 │ 600 │ 600 │ │
│ └──────┴──────┴──────┴────────────┴────────────┴──────┴──────┴──────┘ │
│ │
│ PERFECT ALIGNMENT PRESERVED │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
Weight Invariance Promise
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ THE PROMISE │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ At ANY weight between 100 and 800: │
│ │
│ ┌───────────────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ Width = 600 units (Latin) or 1200 units (CJK) │ │
│ │ Alignment = PERFECT │ │
│ │ Monospace = TRUE │ │
│ │ Brick metaphor = PRESERVED │ │
│ │ │ │
│ └───────────────────────────────────────────────────────────────────┘ │
│ │
│ You can trust: │
│ │
│ Changing weight ────► Layout stays fixed │
│ Weight animation ───► No reflow occurs │
│ Mixed weights ──────► Perfect alignment │
│ │
│ "Variable expression, invariant structure" │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
SMPC Applied
┌─────────────────────────────────────────────────────────────────────────────────┐
│ │
│ SIMPLE = MANAGED(PART(CHAOS)) │
│ │
├─────────────────────────────────────────────────────────────────────────────────┤
│ │
│ CHAOS: Infinite glyph variations │
│ Unlimited Variable Font possibilities │
│ Entire Unicode spectrum │
│ Billions of potential configurations │
│ │
│ PART: Four logical groupings │
│ Base / KR / EA / Traditional │
│ Weight axis: 100-800 defined range │
│ │
│ MANAGED: All variants share 600/1200 unit system │
│ Width preserved at ALL weight values │
│ Clear selection criteria │
│ │
│ SIMPLE: Choose variant based on need │
│ Any weight, same width │
│ Monokinetics works for all users │
│ │
└─────────────────────────────────────────────────────────────────────────────────┘
Key Principles
“The Three Goals:These three goals remained unchanged throughout - INVARIANT PRINCIPLES.”
- True Monospace: All glyphs exactly same width (600 units)
- No Fallback: All needed characters included in font
- Variable Font: Weight 100-800 freely adjustable
“ONE rule (600 units ONLY) leads to perfect alignment, cross-platform consistency, no ambiguity, trust established, TRUE freedom: focus on content, not fighting layout.”
“Absolute constraint = Absolute freedom”
“Four variants. One Brick. Universal Monokinetics.”
“Weight 100 to 800 - 700 levels of expression, one invariant width.”