desingularity

design system · v0.1

v0·1 · design system · volume index

A system,
not a style.

desingularity labs · 2026

volumes · 9 planned · 5 live

a / b = φ

Every artifact in this system derives from one equation. The mark, the motion, the components, the surfaces — all expressions of the same logic.

Open Motion → UI Primitives Compositions

The foundation.

three families
one accent
fibonacci scale
φ in every grid

Type · three families

display · 64 Composed, not designed. funnel display 300

h1 · 40 Every interior is a composition of finite atoms. funnel display 300

body · 16 A term is a cached pattern. The atoms are what generate the pattern. funnel display 300

mono · 12 term · 0012 · derivation depth = 4 jetbrains mono

cursive · 36 the ineffable allura · reserved

Color · paprika as edge

paprika#A85743

bright#C4705C

light#D49485

dark#7A3F32

steel#4A5568

graphite#151515

black#0A0A0A

white#F0F0F0

Spacing · fibonacci

s0 · 3

s1 · 5

s2 · 8

s3 · 13

s4 · 21

s5 · 34

s6 · 55

s7 · 89

s8 · 144

vol · index

Nine volumes, one logic.

live · 5
coming · 4

vol · 00 · foundation

Type, color, spacing, grid, hairlines, radii, accessibility pairs. The deepest layer — this index page is the foundation specimen.

type · 3 color · 8 spacing · fibonacci grid · φ

vol · 01 · motion

φ-derived easings, fibonacci durations, named transitions. The signature reveal — documented and used live. Animations playground.

curves · 5 durations · 6 live demos

vol · 02 · primitives

Buttons, inputs (12+ kinds), tags, badges, avatars, tooltips, popovers, menus, command palette. Every component working.

buttons · 6 inputs · 12 ⌘ K

vol · 03 · compositions

Forms, navigation, tables, modals, drawers, sheets, toasts, banners, tabs, accordions. The grammar above the primitives.

forms overlays · 3 tables

vol · 04 · application

Full product surfaces. Dashboard, settings, editor, command console, onboarding — composed from primitives + compositions.

dashboard editor console

vol · 05 · web

Quieter web surfaces beyond the landing capstone. Docs site, essay, error states, full site footer.

vol · 06 · print

Notebooks, catalogue spread, press release, sticker sheet, bookshelf spines, hangtags, lookbook frames.

catalogue press spines

vol · 07 · mobile

iOS + Android parity. Notifications, touch specs, dynamic island, watch complication, home-screen widget.

ios android specs

vol · 08 · brand + voice

Three rules — asserts, specifies, restrains. Tone matrix, microcopy library, glossary, naming, architecture, signatures.

voice glossary naming

capstone · web

The full marketing page. Hero, feature rows, pricing, FAQ, footer — the system at its most public-facing.

hero pricing faq

capstone · mobile

Six-screen iOS prototype. Onboarding, feed, detail, inspector, search, settings — the system at touch scale.

ios 6 screens touch · 44pt

capstone · print

Magazine spread.

An interior spread for the catalog. Editorial grid, drop caps, captions, callouts, paginal furniture.

spread editorial

capstone · print suite

Seven items, one system. Letterhead, envelope, business card, comp slip, invoice, brochure, atom-checklist form.

letterhead invoice form

capstone · physical

Box, label, swatch card, signage. The mark applied to physical surfaces — same logic, different substrate.

box label signage