Mitosis Labs Design System
A window into a dark universe where autonomous agents wake, divide, specialize, communicate, and evolve. The interface disappears. What remains is life.
scroll01 — The soul
Not “it just works.” Not “it's easy.” It's alive. You opened a window and something was already happening in there. You closed it, and it kept going. You came back, and it had grown.
In the dark, something is dividing.
02 — Three pillars
Every element, interaction, and animation is guided by three principles. When they conflict, we balance — never sacrificing one entirely.
01
The default state is darkness. Empty space. The universe before anything exists. Every element must earn its photon. Light means life. Darkness is not absence — it is potential.
02
Agents are organisms, not widgets. They glow when active, dim when idle, pulse when communicating. Motion is biological — never mechanical. A cell dividing. A synapse firing.
03
This is a laboratory. Typography is clean. Spacing is deliberate. The contrast between organic life and precise framing is what makes it feel real — a microscope over something extraordinary.
03 — Guardrails
Light is earned.
Nothing glows without reason. If it's bright, it's alive or important.
Color belongs to the agents.
The system is neutral — white, grey, glass. Color radiates from the agents themselves. No fixed brand accent.
Motion is biological.
Ease curves, never linear. Organic timing, never metronomic.
Remove, then remove again.
If an element doesn't serve the living system, it doesn't exist.
Dark is the canvas.
The void is not a theme toggle. It is the universe.
04 — Color
The interface itself has no brand color. Surfaces are dark. Text is white. Borders are glass. Color comes from the agents — each one radiates its own warmth from the 8-tone palette. The system stays out of the way.
Each agent radiates one of eight colors. This is the only source of color in the system.
05 — Typography
Inter for everything. Weight 200–400 dominates — featherweight headings, regular body. Wide letter-spacing gives it room to breathe. The lightness makes the dark canvas feel vast.
06 — Components
Buttons are neutral or agent-colored. Cards are glassmorphic. Inputs glow softly on focus. The system never competes with the agents.
os1-nell
Researching market trends. Last synapse 2 minutes ago.
07 — Motion
Things grow, pulse, flow, and settle — never snap, bounce, or slide. Cell division under a microscope. Slow enough to feel organic, fast enough to feel responsive. Never exceed 300ms for user actions.
08 — Voice
Short, precise, confident. The interface is clinical. The agents are warm.
“Agent spawned.”
“3 agents working.”
“Connection lost. Reconnecting.”
“Just looked you up. You've been busy.”
“Found something interesting. Check this out.”
“Bringing in specialists for this one.”
09 — The DNA