CHRM-MID◆Midnight Editorial
AtmosphereSartorial Silence
Accent—
Surface—
001▲

Edit a reading sample, then compare two widths.

Scale Ratio

Base Size

16px

Variable Axes

Weight400

This loaded font exposes weight. Unsupported width and optical-size controls are omitted.

Viewport Simulator

1024px

LAB-04

Fluid Typography & Modular Scale

Typographic Rhythm & Variable Font Engineering

Put the scale to work.

Edit one passage, then compare its measure at two widths. Wide specimens scale down to fit this bench; their internal layout still uses the labelled width.

FIELD NOTES / 001

The character of a surface

A surface tells you how it wants to be used. Give the words room to breathe, and let the hierarchy do the guiding.

A surface tells you how it wants to be used. Give the words room to breathe, and let the hierarchy do the guiding.

Approx. 34 characters per line at 16px. Actual measure depends on the font.
FIELD NOTES / 001

The character of a surface

A surface tells you how it wants to be used. Give the words room to breathe, and let the hierarchy do the guiding.

A surface tells you how it wants to be used. Give the words room to breathe, and let the hierarchy do the guiding.

Approx. 74 characters per line at 16px. Actual measure depends on the font.

Font requirement: var(--font-sans, Inter, sans-serif). Weight follows the loaded face; unsupported width and optical-size axes are omitted. Load the same font files before using the exported clamp rules.

Try this type in the state bench →
Display36.1px
The Architecture of Type
H130.1px
The Architecture of Type
H225.1px
The Architecture of Type
H320.9px
Modular systems create measured rhythm
H417.4px
Modular systems create measured rhythm
Body14.5px
Good typography is invisible. It creates the frame through which content speaks without ever calling attention to itself.
Small12.1px
Caption · specimen reference
Code12.1px
const scale = base * Math.pow(ratio, step);

Keep one. Try another.

Pin a plate before changing the controls. Each pin keeps its own recipe and lighting context.

Carry this specimen into another tool

The image travels locally in this tab with its source recipe. This is a flattened plate: the destination does not recreate fluid motion or convert material coefficients.

Open Modulogium deck

PLATE CAMERA · LAB-041620 × 1080 PX · STAMPED · PERMALINK IN PNG METADATA
◈AEO 2026 · RECURSIVE SEARCH TREE ARCHITECTURE

Archival Inquiry & Search Tree

Interactive recursive knowledge graph answering high-intent questions on OKLCH color science, diurnal UX, diegetic materiality, and machine governance.

Topic: Theoretical Monographs & Research Methodologies1 Core Inquiries