res·0 — the seed
One boundary, an inward vector. The fewest marks that still mean contraction — one path a painter could draw.
EXPLORE
THE CELL
A game of games.
01 · Premise
As above, so below.
Explore The Cell is a game of games — 125 mini-games across 22 scales of reality, from Nothings to Infinities. Playing is zooming. Every scale is an enclosed container whose parts serve the whole, and the next scale up treats it exactly the same way.
That single idea is the whole design system. One kit of shared constants holds across every scale; a single thread runs through all 22, each surviving into the next. This document governs how every asset in the app is drawn and resolved — all of it programmatic, all of it built to cohere across 125 games.
02 · Constants
What every scale inherits
Four things never change from scale to scale. A strata may modulate its accent and motif on top of them — it never restyles them.
The containment ring
A boundary around a point. It recurs at every scale — an orbit, a membrane, a planet's ring — and is the reason the marks rhyme.
The ink stage
A dark warm ground — deep, panel, warm-white. The specimens glow against it like slides under a microscope lamp. Never a flat grey.
The tri-orange
Orange → sienna → gold, with Go green for anything positive. The brand's constant warmth; the accent bench modulates around it.
Bowlby One SC
Outfit — the body
The type
Display for titles and scale names; Outfit for everything that moves. Two faces, no more.
03 · The Thread — the 22 scales
One lineage, top to bottom
The scales are not 22 icons. They are one continuous line: each survives into the next, and each carries a way of thinking as well as a form. Read the spine downward.
Void
01Nothingsmetaphysics · non-being
The empty ring — the boundary before anything.
02Somethingsontology · being
The ring takes a point — the first mark, the first existent.
Quantum
03Particlesepistemics · uncertainty
The point sets to spinning — restless energy, known only by measurement.
04Atomsstructure · the divisible
The spin is captured in orbit — the first container.
05Molecularcomposition · emergence
Two containers bond — relation makes something new.
Bio · the home band
06Organellefunction · purpose
The bond gains a membrane — a working part, made for a job.
07Cellholism · the self
The membrane closes around a nucleus — the whole that holds its parts. The mark.
08Tissuecooperation · the many
Cells tile into a fabric — identity shared across many.
09Organspecialization · role
The fabric shapes into a form with one job.
10Organ Systemsystems · coordination
Organs branch into concert.
11Organismagency · the acting self
The system becomes an individual that acts.
Society
12Ecosystemecology · interdependence
Individuals overlap into a web.
13Farm Systemstewardship · tending
The web is cultivated — the human hand enters.
14Supply Chainlogistics · flow
Cultivation links into flows of goods.
15Financialabstraction · representation
Flow abstracts into value, value into symbol.
Cosmic
16Planetscosmology · the body
The containment ring returns, at world scale — a body in orbit.
17Solar Systemsorder · law
Bodies fall into the local law of a star.
18Galacticthe sublime · scale
Systems wind into the great spiral.
19Cosmic Structurescosmic ecology · the net
Galaxies string into a filament web — the ecosystem again, at the largest scale.
Infinity · everything at once
20Multiverse Allmodality · possibility
Frames within frames — every way it could have gone.
21Universe Alltotality · the whole
The great ring holds everything inside it.
22Infinitiesmetaphysics · the limit
The ring becomes the endless loop — which is the empty ring again.
The loop closes. Infinities returns to Nothings: the same open ring, empty and endless. The two poles are the same shape read two ways — the deepest expression of as above, so below.
04 · Resolution
How an asset is resolved
Every asset climbs one ladder before it ships — worked here on tzimtzum, a Nothings-scale game whose essence is withdrawal to make space. Today it ships as a generic purple orb.
res·1 — the specimen
The seed made to live — the Void palette, an organic edge, an inner glow that reads as space opening. It shares its ring with the other Nothings.
res·2 — the live asset
Motion is the essence made temporal: the ring actually withdraws over the round. The Flutter runtime realization.
The res·1 gate — five points
A seed becomes a specimen only when all five hold. Fewer, and it stays a seed.
- ContrastReads against ground and neighbours.
- IdentityNot confusable with a sibling.
- RepetitionShares a motif — a set across games.
- AlignmentWears its scale's palette + motif.
- CoherenceForm matches meaning.
05 · Application
Quiet chrome, loud games
The interface stays ink and warm-white so 125 games can each carry their own colour. Actions are pills; Go-green means forward; elevation is glow, never a drop shadow.
Buttons
◑ Molecular
Molecule Mixer
Bond the right atoms, skip the rest. One accent per card — the scale's own.
Hungry Cellrank S
Cell Defenserank A
Mitosis Matchrank B
06 · Governance
The rules that hold
No runtime AI, ever. This is a game for kids. The app is a closed cell — the membrane is the network boundary, and nothing calls out. AI builds the games at the workbench; humans verify every lesson; kids just play.
Voice
Imperative and one line — "Eat, grow, dodge, stay alive." Always scales, never levels or worlds. Zoom is the verb of play.
Programmatic
Every asset is geometry a Flutter CustomPainter draws — no illustration. That is what makes one language repeat cleanly across 125 games.
Elevation
Tone steps plus glow, never drop shadows. Light responds to touch — the microscope-lamp language. No perfect circles: every round form is hand-wobbled.
Lineage
A new asset is drawn from its scale's seed, made to survive from the one before it, and passes the five-point gate before it ships.