Spatial Typography
Type Field
Type is not placed on a surface. It defines the surface. Each letterform generates a gravitational field — attracting, repelling, warping the space around it. This tool makes that invisible force visible: 2,200 particles responding to the topology of a single glyph.
pixel / type field
—Transitional SerifLetterforms as topology. Particles as light. Gravity as intent.
Type as Territory
Every letterform claims territory. The counter of an ‘O’ is not empty — it is held space, as structural as the strokes. An ‘H’ divides the field into six zones: four corners, a crossbar corridor, and the negative above and below. Particles reveal this architecture.
Designers talk about whitespace as if it exists passively. It does not. Whitespace is the residual force field after type has asserted its presence. The spacing between two letters is not distance — it is tension. This tool lets you feel that tension kinetically.
What the Field Reveals
Glyph Topology
Particles cluster at stroke intersections, pool in counters, and scatter in open areas. The density map they form is the glyph's spatial fingerprint — unique to each typeface, each letter, each weight.
Typeface Classification
A grotesque sans and a transitional serif produce different fields from the same letter. Serifs anchor particles at terminals. Geometric forms create cleaner voids. The field becomes a diagnostic for structural classification.
Attraction & Repulsion
Particles are pulled toward strokes and pushed from empty space. The force gradient creates trails — visible flow lines that trace how the eye moves when encountering a letterform. Strokes are rivers. Counters are lakes.
Palette as Atmosphere
Five palettes shift the mood without changing the structure. Vellum is warm and archival. Halogen is clinical. Ember burns. The color does not alter the field — it alters how you read it. Same data, different emotion.
Breathing Room
The field around type is not margin. It is meaning. Tight fields signal urgency. Generous fields signal authority. The relationship between a heading and its surrounding space communicates hierarchy faster than font size alone.
When you set type in a layout, you are placing a gravitational body in a system of other gravitational bodies. Each one bends the space around it. The best layouts feel inevitable because every element's field resolves against every other. The worst feel chaotic because the fields are fighting.