The 600-Unit Brick System
CodexMono is The Brick - the fundamental unit that enables Monokinetics: unified Human + AI experience through predictable, trustable visual alignment.The Modular Brick System
┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ THE MODULAR BRICK SYSTEM │
│ │
│ WIDTH = 600 x N (where N = positive integer) │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ N=1 600 units Latin, symbols, operators │
│ ┌──────┐ │
│ │ │ │
│ └──────┘ │
│ 1 BRICK │
│ │
│ ───────────────────────────────────────────────────────────────────── │
│ │
│ N=2 1200 units CJK (Korean, Japanese, Chinese) │
│ ┌──────┬──────┐ │
│ │ │ │ │
│ └──────┴──────┘ │
│ 2 BRICKS │
│ │
│ ───────────────────────────────────────────────────────────────────── │
│ │
│ N=3 1800 units Extended symbols, diagrams [FUTURE] │
│ ┌──────┬──────┬──────┐ │
│ │ │ │ │ │
│ └──────┴──────┴──────┘ │
│ 3 BRICKS │
│ │
│ ───────────────────────────────────────────────────────────────────── │
│ │
│ N=4 2400 units Complex ideographs, charts [FUTURE] │
│ ┌──────┬──────┬──────┬──────┐ │
│ │ │ │ │ │ │
│ └──────┴──────┴──────┴──────┘ │
│ 4 BRICKS │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Why 600?
The number 600 is not arbitrary. It has exceptional mathematical properties that make it ideal for typography.┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ MATHEMATICAL PROPERTIES │
│ │
│ 600 = 2^3 x 3 x 5^2 │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ 24 DIVISORS (More than any nearby number) │
│ │
│ ┌────────┬────────┬────────┬────────┬────────┬────────┐ │
│ │ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ │
│ ├────────┼────────┼────────┼────────┼────────┼────────┤ │
│ │ 8 │ 10 │ 12 │ 15 │ 20 │ 24 │ │
│ ├────────┼────────┼────────┼────────┼────────┼────────┤ │
│ │ 25 │ 30 │ 40 │ 50 │ 60 │ 75 │ │
│ ├────────┼────────┼────────┼────────┼────────┼────────┤ │
│ │ 100 │ 120 │ 150 │ 200 │ 300 │ 600 │ │
│ └────────┴────────┴────────┴────────┴────────┴────────┘ │
│ │
│ ALL DIVIDE EVENLY. NO FRACTIONS. PERFECT GRID. │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
600 vs Alternatives
┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ CANDIDATE COMPARISON │
│ │
│ ┌────────┬──────────┬───────────────────────────────────────────────┐ │
│ │ NUM │ DIVISORS │ PROBLEMS │ │
│ ├────────┼──────────┼───────────────────────────────────────────────┤ │
│ │ 500 │ 12 │ No /3, No /6, CJK=1000 (confuses with UPM) │ │
│ ├────────┼──────────┼───────────────────────────────────────────────┤ │
│ │ 550 │ 12 │ No /3, No /4, Awkward multiples │ │
│ ├────────┼──────────┼───────────────────────────────────────────────┤ │
│ │ 600 │ 24 │ NONE - Optimal │ │
│ ├────────┼──────────┼───────────────────────────────────────────────┤ │
│ │ 650 │ 8 │ No /3, No /4, Prime 13 awkward │ │
│ ├────────┼──────────┼───────────────────────────────────────────────┤ │
│ │ 700 │ 18 │ No /3, No /6, Prime 7 awkward │ │
│ └────────┴──────────┴───────────────────────────────────────────────┘ │
│ │
│ 600: Divides by 2,3,4,5,6,8,10,12 (all common needs) │
│ CJK = 1200 (clear, distinct from 1000 UPM) │
│ Triple = 1800 (future-proof) │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Grid Subdivision
Every divisor of 600 enables a different grid possibility:┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ EVERY DIVISOR = A GRID POSSIBILITY │
│ │
│ ┌──────────────┬──────────┬──────────────────────────────────────────┐ │
│ │ Division │ Result │ Use Case │ │
│ ├──────────────┼──────────┼──────────────────────────────────────────┤ │
│ │ 600 / 2 │ 300 │ Half-width markers │ │
│ │ 600 / 3 │ 200 │ Third divisions │ │
│ │ 600 / 4 │ 150 │ Quarter grids │ │
│ │ 600 / 5 │ 120 │ Subscript positioning │ │
│ │ 600 / 6 │ 100 │ Fine grid alignment │ │
│ │ 600 / 10 │ 60 │ Decimal subdivisions │ │
│ │ 600 / 12 │ 50 │ Diacritic spacing │ │
│ │ 600 / 24 │ 25 │ Ultra-fine adjustment │ │
│ └──────────────┴──────────┴──────────────────────────────────────────┘ │
│ │
│ Results: │
│ - Perfect sub-pixel positioning │
│ - Clean scaling at any DPI │
│ - Mathematically guaranteed alignment │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
CJK Alignment Guarantee
The 1200-unit (2 Bricks) system ensures perfect Latin + CJK alignment:┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ THE 1200-UNIT PROMISE │
│ │
│ Latin: │
│ ┌──────┬──────┐ │
│ │ A │ B │ │
│ └──────┴──────┘ │
│ │ 600 │ 600 │ │
│ │
│ CJK: │
│ ┌─────────────┐ │
│ │ CJK │ │
│ └─────────────┘ │
│ │ 1200 │ │
│ │
│ They align: │
│ ┌──────┬──────┐ │
│ │ A │ B │ │
│ └──────┴──────┘ │
│ ┌─────────────┐ │
│ │ CJK │ │
│ └─────────────┘ │
│ │
│ 600 + 600 = 1200. Perfect. │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Mixed Layout Example
┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ ┌──────┬──────┬──────┬──────┬─────────────┬─────────────┐ │
│ │ H │ e │ l │ l │ Korean │ Korean │ │
│ └──────┴──────┴──────┴──────┴─────────────┴─────────────┘ │
│ │ 600 │ 600 │ 600 │ 600 │ 1200 │ 1200 │ │
│ │ 1 │ 1 │ 1 │ 1 │ 2 │ 2 │ cells │
│ │
│ Total: (600 x 4) + (1200 x 2) = 4800 units = 8 cells │
│ PREDICTABLE. ALWAYS. TRUSTABLE. │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Future Extensions
The Brick system scales infinitely:┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ 1800 UNITS (3 BRICKS) - PLANNED │
│ │
│ ┌───────────────────────────────────────────────────────────────────┐ │
│ │ Category │ Examples │ │
│ ├────────────────────────┼──────────────────────────────────────────┤ │
│ │ Extended Box Drawing │ Wide table headers, dashboard widgets │ │
│ │ Progress Indicators │ [======== ] as single glyph │ │
│ │ Status Badges │ [ SUCCESS ] [ WARNING ] [ ERROR ] │ │
│ │ Mathematical │ Extended fraction bars, summations │ │
│ └───────────────────────────────────────────────────────────────────┘ │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ 2400 UNITS (4 BRICKS) - FUTURE │
│ │
│ ┌───────────────────────────────────────────────────────────────────┐ │
│ │ Category │ Examples │ │
│ ├────────────────────────┼──────────────────────────────────────────┤ │
│ │ Complex Ideographs │ Traditional Chinese with full detail │ │
│ │ ASCII Art Components │ Pre-composed banners, boxes │ │
│ │ Sparklines │ Inline charts, mini-visualizations │ │
│ └───────────────────────────────────────────────────────────────────┘ │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ THE INFINITE SCALE │
│ │
│ 3000 = 5 bricks Complex formulas, multi-line components │
│ 3600 = 6 bricks Inline diagrams, code snippets │
│ 6000 = 10 bricks Dashboard widgets, interactive elements │
│ │
│ As long as WIDTH = 600 x N, it belongs to the CodexMono ecosystem. │
│ The Brick scales infinitely. Trust scales with it. │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
The Constraint-Freedom Paradox
Why limiting choice creates more freedom:┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ WITHOUT CONSTRAINT (Variable Width): │
│ │
│ "Choose your width!" │
│ Options: 500, 550, 580, 600, 620, 650, 700, 800... │
│ │
│ User must: │
│ 1. Evaluate each option │
│ 2. Consider compatibility │
│ 3. Test alignment with other content │
│ 4. Worry about platform differences │
│ 5. Document the choice │
│ 6. Maintain consistency │
│ │
│ APPARENT FREEDOM --> ACTUAL BURDEN │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ WITH CONSTRAINT (600 Units Only): │
│ │
│ "600 units. No choice." │
│ Options: 600 │
│ │
│ User must: │
│ 1. Use it. │
│ │
│ APPARENT CONSTRAINT --> ACTUAL FREEDOM │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ THE PARADOX: │
│ │
│ More options = Less freedom (burdened by choice) │
│ Fewer options = More freedom (liberated from choice) │
│ One option only = Maximum freedom (nothing to decide) │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
The Three Invariants
┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ ┌─────────────────────────────┐ │
│ │ TRUE MONOSPACE │ │
│ │ (600 units ONLY) │ │
│ └──────────────┬──────────────┘ │
│ │ │
│ v │
│ ┌─────────────────────┴─────────────────────┐ │
│ │ │ │
│ v v │
│ ┌─────────────────────┐ ┌─────────────────────┐ │
│ │ NO FALLBACK │<-------------->│ VARIABLE FONT │ │
│ │ (Complete set) │ │ (Weight axis) │ │
│ └──────────┬──────────┘ └──────────┬──────────┘ │
│ │ │ │
│ └─────────────────┬────────────────────┘ │
│ │ │
│ v │
│ ┌────────────────────────┐ │
│ │ BRICK METAPHOR │ │
│ │ "Trust via structure" │ │
│ └────────────────────────┘ │
│ │
│ These three goals remained unchanged throughout the entire evolution. │
│ INVARIANT PRINCIPLES. │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Key Equations
┌─────────────────────────────────────────────────────────────────────────────┐
│ │
│ 600 = 2^3 x 3 x 5^2 │
│ tau(600) = 24 divisors │
│ │
│ 600 x 1 = 600 (Latin) │
│ 600 x 2 = 1200 (CJK) │
│ 600 x 3 = 1800 (Future) │
│ 600 x N = Extensible │
│ │
│ pixel_width = font_size x 0.6 │
│ column_count = viewport_width / pixel_width │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
The Philosophy
“600 = Constraint that enables freedom 600 = Rule that creates trust 600 = Number that becomes identity”
“The 600-unit system is not about limiting what we can create. It’s about guaranteeing that everything we create will align perfectly, forever.”
600 units IS the Brick. 600 units IS the trust. 600 units IS the protocol.