01 · ACT ONE
01

The Mark.

The wordmark is not a logo. It is a position. A proof. Everything that follows derives from it.

01 / 100 desingularity The Mark
01 · 02 · THE WORDMARK
desingularity
b · 38.2 · HUMAN
de
a · 61.8 · MACHINE
singularity
02 / 100 desingularity The Wordmark
01 · 03 · THE NAME
desingularity

Not invented — compounded. Two terms in collision: one human, one machine. The name is the argument.

STRUCTURE

de + singularity. Two terms · one continuous word · no separator.

CASE

Always lowercase. Lowercase is operational — how code runs, how systems think.

FORM

Never separated, spaced, or hyphenated. The equation is solved.

COLOR

de = paprika. singularity = cream. Swap and you invert the equation.

03 / 100 desingularity The Name
01 · 04 · de — THE PREFIX
de

Latin prefix of reversal. De-coupling. De-centering. De-singularizing. The human hand that governs what follows.

ORIGIN

Latin · de- · reversal, removal, separation. The prefix that says: this is not what you assumed.

IN THE EQUATION

b in a / b = φ. The denominator. Small in form. Absolute in authority.

IN THE MARK

Paprika. 38.2%. The human portion — warm, irreducible.

04 / 100 desingularity The Prefix
01 · 05 · singularity — THE DESTINATION
singularity

The technological singularity — the point of infinite machine capability. The endpoint of artificial intelligence, stated plainly.

IN THE EQUATION

a in a / b = φ. The numerator. 61.8%. The machine portion.

IN THE MARK

Cream. The color of the page. It does not announce itself.

WITHOUT de

singularity without de is destination without direction.

05 / 100 desingularity The Destination
01 · 06 · THE EQUATION
a · MACHINE · singularity
61.8%

Visualization, composition, scale, render. The part that can be specified.

a
b
= φ
1.618…
b · HUMAN · de
38.2%

Intent, judgment, brief, accountability. The part that cannot be derived from data.

Divide machine by human. The result is beauty.

06 / 100 desingularity The Equation
01 · 07 · THE PROOF

The wordmark encodes the equation silently.

desingularity
b · 38.2 · de

Paprika. The denominator. The human portion.

a · 61.8 · singularity

Cream. The numerator. The machine portion.

The color break is the only division. The slash is absent because the equation is already solved.

07 / 100 desingularity The Proof
01 · 08 · THE FAVICON
de/
DENOMINATOR + OPERATOR

The mark compressed to minimum. The full equation in three characters.

de

The human term. Paprika. The numerator. b in the equation.

/ THE OPERATOR

Division. Only where it carries meaning. Never decorative.

singularity — IMPLIED

Present in the wordmark. Absent in the favicon — implied by the slash.

VS WORDMARK

Wordmark: equation solved. Favicon: equation stated. Same truth. Two disclosures.

08 / 100 desingularity The Favicon
01 · 09 · THE COMMAND
SYNTAX
de / [input] = φ

The operational form. Every project is an instance of the equation. The input is what you bring. The result is always φ.

EXAMPLE 01
de / space = φ
EXAMPLE 02
de / brand = φ
EXAMPLE 03
de / object = φ
EXAMPLE 04
de / brief = φ
09 / 100 desingularity The Command
01 · 10 · GENESIS — STAGE 01
STAGE 01 · NOW
THE DESTINATION
singularity
STAGE 02
THE REVERSAL
de singularity
STAGE 03
THE COLOR SPLIT
de singularity
STAGE 04
THE FAVICON
de /

The machine's domain. Vast, undivided, inevitable.

10 / 100 desingularity Genesis · 01
01 · 11 · GENESIS — STAGE 02
STAGE 01
THE DESTINATION
singularity
STAGE 02 · NOW
THE REVERSAL
de singularity
STAGE 03
THE COLOR SPLIT
de singularity
STAGE 04
THE FAVICON
de /

The prefix enters. de- reverses and governs.

11 / 100 desingularity Genesis · 02
01 · 12 · GENESIS — STAGE 03
STAGE 01
THE DESTINATION
singularity
STAGE 02
THE REVERSAL
de singularity
STAGE 03 · NOW
THE COLOR SPLIT
desingularity
STAGE 04
THE FAVICON
de /

Two colors encode the equation silently. The space disappears. The mark is one word.

12 / 100 desingularity Genesis · 03
01 · 13 · GENESIS — STAGE 04
STAGE 01
THE DESTINATION
singularity
STAGE 02
THE REVERSAL
de singularity
STAGE 03
THE COLOR SPLIT
desingularity
STAGE 04 · NOW
THE FAVICON
de/

Mark at minimum. The slash returns — operative, never decorative.

13 / 100 desingularity Genesis · 04
01 · 14 · THE WORDMARK DIMENSIONED
b · 38.2
a · 61.8
desingularity
de · paprika · #A85743
singularity · cream · #F0F0F0
TYPEFACE

Funnel Display, weight 300. Light reads as considered.

COLOR RULE

de = paprika #A85743. singularity = cream. Swap = invert.

FORM RULE

One continuous word. No slash. No space. Equation solved.

14 / 100 desingularity Dimensioned
01 · 15 · WHAT THE MARK DEMANDS

The mark is not a logo.
It is a position.

A logo decorates. A position argues. Every rule that follows is a consequence of the equation — not a style preference.

ALWAYS LOWERCASE

Operational — how code runs, how systems think.

COLOR CARRIES THE EQUATION

Swap paprika and cream and the formula inverts.

SLASH = FAVICON ONLY

The operator earns its place once. Never decorative.

ONE CONTINUOUS WORD

Separation implies the working is incomplete.

15 / 100 desingularity What it Demands
02 · ACT TWO
02

The Philosophy.

The thinking that precedes the system. Every rule derives from here.

16 / 100 desingularity The Philosophy
02 · 17 · WHAT DESIGN IS
function + beautiful form = design.

Design is not decoration applied after the work is done. It is the act of giving function a reason to be experienced.

The chair holds you.
The chair invites you to stay.

The door opens.
The door welcomes you in.

The logo reads.
The logo makes you feel.

The interface works.
The interface disappears.

17 / 100 desingularity What Design Is
02 · 18 · VISUAL · SPATIAL · EXPERIENTIAL · COMPUTATIONAL

Visual.
Spatial.
Experiential.
Computational.

Four disciplines. One act. Giving function a beautiful form. Design intelligence must understand all four — not as separate fields but as a single unified act.

18 / 100 desingularity Four Disciplines
02 · 19 · THE BEST DESIGNER IS NOT HUMAN

The best designer
is not human.

The best designer optimizes for function and beauty simultaneously, without ego, without trend. It has been doing this for billions of years.

19 / 100 desingularity Not Human
02 · 20 · IT IS NATURE
nature.

Nature does not choose beauty. It computes it. The nautilus, the sunflower, the galaxy — all derived from the same constant. No designer was consulted.

WHAT NATURE KNOWS

φ in nautilus shells. φ in sunflower spirals. φ in galaxy arms. φ in human proportion. Nature does not choose beauty — it computes it.

WHAT HUMANS KNOW

Intent. Context. Meaning. Culture. The brief. Humans give function its reason to exist.

WHAT WE BUILD

Systems that carry nature's computation into human intent. Design intelligence is applied inheritance.

20 / 100 desingularity It Is Nature
02 · 21 · WE WORK AT THE INTERSECTION

We work at the
intersection —
nature and human.

A new breed of designer, by inheritance. Not replacing the designer — inheriting from the best one.

21 / 100 desingularity The Intersection
02 · 22 · φ
φ
DEFINITION
φ = (1 + √5) / 2
VALUE
1.618 033 988 749 894…
PROPERTY

The only number where 1 + 1/φ = φ. Self-referential. Nature uses it as a growth constant.

OUR SPLIT

b = 38.2% · a = 61.8% · 1/φ and 1−1/φ as percentages.

22 / 100 desingularity φ
02 · 23 · φ EXTENDED
1.618 033 988 749 894 848 204 586 834 365 638 117 720
309 179 805 762 862 135 448 622 705 260 462 818 902
449 707 207 204 189 391 137 484 754 088 075 386 891
752 126 633 862 223 536 931 793 180 060 766 726 354
433 925 369 955 099 249 160 087 352 039 481 656 708
532 331 520 104 721 322 298 693 868 420 703 855 148
667 891 798 964 870 093 418 297 187 461 211 548 336
402 017 279 940 377 798 394 004 152 970 028 922 033
827 661 356 553 503 821 861 651 693 290 167 566 218
454 648 856 671 713 661 955 863 258 818 319 946 534

Every designer knows φ. Nature wrote it. Refuse the rule, and no decoration will save you.

23 / 100 desingularity φ Extended
02 · 24 · φ IN NATURE
01 / NAUTILUS

Each chamber expands at the golden ratio. Growth, not design.

02 / SUNFLOWER

34 clockwise, 55 counter. Adjacent Fibonacci numbers approach φ.

03 / GALAXY

Galaxy arms follow φ. Universe-scale, same growth constant.

04 / HUMAN FACE

Brow to nose. Nose to chin. Width to height. The mask is φ.

24 / 100 desingularity φ in Nature
02 · 25 · THE NEW PARADIGM

Human governs.
Machine executes.

Not replaced — reorganized. Each party does what only they can do. The division is exactly φ.

HUMAN · b · 38.2
  • concept
  • intent
  • judgment
  • the brief
MACHINE · a · 61.8
  • draws
  • builds
  • renders
  • the output
25 / 100 desingularity New Paradigm
02 · 26 · THE RATIO OF WORK
b · 38.2% · HUMAN
a · 61.8% · MACHINE
a / b = φ

The human portion does not dominate by volume — it governs by position. The denominator does not need to be large. It needs to be irreducible.

26 / 100 desingularity Ratio of Work
02 · 27 · DESIGN INTELLIGENCE · INTERIOR FIRST

Not AGI. Not general. Interior.

We start where design is hardest. Interior is the most subjective surface in the discipline — the proving ground. If the equation holds here, it holds anywhere.

NOT THIS

A general AI that does every kind of design. Everything means nothing. Generalists never reach φ.

THIS

A design intelligence trained on the most subjective domain first — interior — deep enough to reach the singularity of its judgment.

WHY INTERIOR

Interior carries the fullest weight of human judgment — light, scale, material, ritual, memory. The hardest domain is the right place to start. Crack it and the rest follows.

27 / 100 desingularity Design Intelligence
02 · 28 · CRACK INTERIOR. THE REST FOLLOWS.

Crack the most
subjective domain.
The rest follows.

Design is famously subjective. Interior is the most subjective layer of design. The bar that proves the system is the bar set by the hardest surface — not the easiest. Solve interior and you have solved design.

28 / 100 desingularity Crack Interior
02 · 29 · THE BRIEF

The Brief.

Human input governs. Always. Intent, context, constraint, aspiration, culture — everything a machine cannot derive from data alone. It is b. Small. Absolute.

WHAT THE BRIEF IS

The human portion of the equation. Not the majority of operations — but the governing element.

WHAT IT CONTAINS

Intent. Standard. Constraint. Cultural context. The thing that makes this project different from every other.

WHY IT CANNOT BE DERIVED

No dataset contains the reason why this chair should invite rather than merely support.

29 / 100 desingularity The Brief
02 · 30 · DIVIDE HUMAN BY MACHINE

Divide human
by machine.
The result is beauty.

a / b = φ. Not a metaphor. A mathematical statement about the relationship between human judgment and machine capability.

30 / 100 desingularity The Result
03 · ACT THREE
03

The System.

Every rule is a consequence of the same equation. Color, type, grid, motion, voice.

31 / 100 desingularity The System
03 · 32 · COLOR — ONE ACCENT

One accent. One voice.

Paprika against a restrained ground. When it appears, it means something. If it appears everywhere, it says nothing.

GRAPHITE + CREAM · 96.18%
3.82
THE ACCENT PRINCIPLE

Paprika is the only chromatic color in the system. One voice or none.

RESTRAINT AS TENSION

96% graphite and cream, 3.82% paprika. More force than six colors. Scarcity reads as intent.

THE HIDDEN RATIO

Paprika ink targets φ⁻³ ≈ 3.82% of any surface. Felt, not announced.

32 / 100 desingularity Color
03 · 33 · PAPRIKA
THE ACCENT
Paprika
#A85743
RGB · 168 87 67   ·   HSL · 11° 43% 46%
THE IDENTITY

The only chromatic voice. Every appearance is a decision.

THE TEMPERATURE

Warm and earthy — closer to Moroccan tile than emergency red. Adjacent to Dubai's warmth.

THE RULE

φ⁻³ ≈ 3.82% of any surface. Wordmark. One em per paragraph. One CTA per viewport.

NEVER

Background fill. Alongside another chromatic color. More than once per viewport.

33 / 100 desingularity Paprika
03 · 34 · PAPRIKA · THE FOUR STATES
Paprika
#A85743

Canonical. Wordmark de, em in prose, CTA border.

Paprika Dark
#7A3F32

On cream surfaces.

Paprika Light
#D49485

Hover on graphite.

Paprika Bright
#C4705C

Warning. Once per page max.

EARNS ITS PLACE

de in the mark · em in prose · 2px active nav · primary CTA border.

NEVER APPEARS

Body text on graphite · large fills · borders other than accent · with another chromatic color.

34 / 100 desingularity Four States
03 · 35 · THE NEUTRALS — THE FIELD THAT MAKES THE FIGURE POSSIBLE
Graphite
#111111
Graphite 2
#181818
Black
#0A0A0A
Cream
#F0F0F0
Border
#1E1E1E
Steel Light
#718096
Steel
#4A5568
THE STEEL RULE

steel-l on graphite. steel on cream. Never reversed. steel on graphite fails WCAG AA at 3.4:1. The most common mistake in the system.

35 / 100 desingularity Neutrals
03 · 36 · COLOR PROPORTIONS

a / b = φ in color.

b · 38.2%
FIGURE
a · 61.8%
GROUND

The same equation that governs the wordmark governs the color. Figure to ground. Paprika to neutral. One rule.

CORRECT · PAPRIKA AS DECISION

desingularity builds tools that think with you. READ MORE →

WRONG · PAPRIKA AS SURFACE
DESIGN INTELLIGENCE
36 / 100 desingularity Proportions
03 · 37 · CONTRAST — WCAG IS THE FLOOR, NOT THE CEILING
ON GRAPHITE · #111111
Aa cream 12.9:1  AAA
Aa paprika-l 6.1:1  AA
Aa steel-l 4.8:1  AA
Aa paprika 4.2:1  AA+
Aa steel 3.4:1  FAIL
ON CREAM · #F0F0F0
Aa graphite 12.9:1  AAA
Aa paprika-d 4.6:1  AA
Aa steel 4.5:1  AA

The one rule: steel-l on graphite, steel on cream. Never reversed.

37 / 100 desingularity Contrast
03 · 38 · SURFACES

Dark canvas, primary.

Graphite is the default. Cream is the rare inversion — reserved for print and documents where light surfaces serve the message.

PRIMARY · GRAPHITE · ≈ 92%
Design intelligence.
CREAM · 8%
✗   Pure white (#FFFFFF) as surface
✗   Paprika as full-page background
✗   Gradients of any kind
38 / 100 desingularity Surfaces
03 · 39 · COLOR RULES

Paprika is a decision,
not a fill.

When you reach for paprika, you are claiming this moment matters more than the rest of the page. If that isn't true, use a neutral.

DO
  • One chromatic color. Paprika only.
  • Keep paprika under 3.82% of surface.
  • steel-l on graphite. steel on cream.
  • Every 1px border is --border.
  • Graphite default. Cream for documents.
DON'T
  • Second accent color. Ever.
  • Paprika as large background fill.
  • steel on graphite. 3.4:1 fails AA.
  • Gradients of any kind.
  • Pure white as surface.
39 / 100 desingularity Color Rules
03 · 40 · ONE ACCENT. AGAINST A FIELD OF

One accent.
Against a field
of restraint.

The field doesn't compete with the figure. It makes the figure possible. Scarcity is what makes saturation work.

40 / 100 desingularity Restraint
03 · 41 · TYPOGRAPHY — THREE FAMILIES

Three voices.
One grammar.

Three families, each with exclusive territory. Funnel never labels. Mono never prose. Allura never runs beyond a word or two.

FUNNEL DISPLAY · THE VOICE
Funnel

Prose, headlines, the wordmark. Places where we speak as a brand.

JETBRAINS MONO · THE STRUCTURE
JetBrains

Labels, meta, numbers, tokens. Measurement, not thought.

ALLURA · THE HAND
Allura

Copperplate calligraphy. Only inside <em> in prose. One word, rarely two.

41 / 100 desingularity Typography
03 · 42 · FUNNEL DISPLAY
Design intelligence.

Our default body weight is Funnel 300. A light body weight reads as considered — as if each word was chosen.

Funnel 300 LIGHT Body · prose · default
Funnel 400 REGULAR Small UI where 300 reads thin.
Funnel 500 MEDIUM Wordmark em · active nav · CTA.
Funnel 600 SEMIBOLD Cover title only. Once.
42 / 100 desingularity Funnel Display
03 · 43 · JETBRAINS MONO
--token: val;
01 · 02 · 03
4.8:1 AA

Fixed-width means every character occupies the same space. The grid is always legible, implying measurement rather than feeling.

EARNS ITS PLACE

Chapter numbers · token names · hex values · contrast ratios · nav meta · slide labels · code.

NEVER

Body text. More than two lines of prose. Running as narrative — it asserts structure where prose should flow.

43 / 100 desingularity JetBrains Mono
03 · 44 · ALLURA
Allura

Copperplate calligraphy. One word inside <em> in prose. Only in paprika. The moment the voice drops into a personal note.

CORRECT · PROSE CONTEXT

Desingularity designs intelligence from first principles.

WHEN IT EARNS ITS PLACE

Inside <em> in prose. One word. Always paprika. The accent that does real work.

WHEN IT MUST NOT APPEAR

More than two words. As a standalone headline. Below 16px. Inside the wordmark context.

44 / 100 desingularity Allura
03 · 45 · THE em RULE

One tag. Two semantics.

Inside prose: Allura calligraphic, paprika, personal. Inside the wordmark: Funnel 500 upright, paprika, structural. Same tag, completely different semantic load.

PROSE CONTEXT · ALLURA

Design intelligence from first principles.

em { font-family: Allura;
    font-size: 1.3em; }
WORDMARK CONTEXT · FUNNEL 500
desingularity
.wm em { font-family: Funnel Display;
    font-weight: 500; }
45 / 100 desingularity em Rule
03 · 46 · THE SCALE — NINE FIBONACCI SIZES
10px
LABELS
Aa LABELS
12px
SMALL
Aa SMALL
14px
NAV
Aa NAV
16px
BODY
Body — function plus form.
21px
LEDE
Lede — the considered opening.
34px
SUBHEAD
Subhead.
55px
CHAPTER
Chapter.
89px
DISPLAY
Display.
144px
COVER
Cover.
46 / 100 desingularity The Scale
03 · 47 · WEIGHT
300 · LIGHT
Aa

Default. Body. Headlines. The voice.

400 · REGULAR
Aa

Only where 300 reads thin. Small UI.

500 · MEDIUM
Aa

Structural emphasis. Wordmark em. Active nav. CTA.

600 · SEMIBOLD
Aa

Cover title only. Once.

300 is the default. 400 only where 300 reads thin. 500 is structural emphasis. 600 is the cover. Once.

47 / 100 desingularity Weight
03 · 48 · SETTING
CORRECT · 62ch · 1.65 · 0

Desingularity builds tools that think with you, not for you. The brand is a commitment to building intelligence from first principles.

WRONG · FULL WIDTH · 1.2 · TRACKED

Desingularity builds tools that think with you, not for you. The brand is a commitment to building intelligence from first principles.

MEASURE

Body: 62–68ch max. Lede (21px): 55ch. Display: no max.

LEADING

Body 16px: 1.65. Display 55px+: 0.9–1.05.

TRACKING

Body prose: 0. Display 34px+: −0.03em. Uppercase labels: +0.08–0.16em.

48 / 100 desingularity Setting
03 · 49 · PAIRINGS

Almost every composition uses all three.

DM Mono eyebrow → Funnel headline → Allura em → body → Mono foot.

03 · 49 — DESIGN INTELLIGENCE

Tools that think with you.

Three families. Each with exclusive territory. None overlap.

01 PHILOSOPHY
02 PALETTE
03 TYPOGRAPHY
49 / 100 desingularity Pairings
03 · 50 · THREE FAMILIES. THREE JOBS.

Three families.
Three jobs.
None overlap.

If a decision feels like it needs a fourth family, the decision is wrong — rework the hierarchy inside the three we have. The constraint is the voice.

50 / 100 desingularity Three Jobs
03 · 51 · SPACING — THE LADDER

Spacing is authorship.

The spaces between elements are the quietest decision in every composition. We make them on a Fibonacci ladder so the rhythm feels found, not calculated.

8px
s1
INLINE GAPS
13px
s2
TIGHT LISTS
21px
s3
PARAGRAPH GAP
34px
s4
MODULE PADDING
55px
s5
SECTION
89px
s6
CHAPTER RHYTHM
144px
s7
COVER REST
51 / 100 desingularity Spacing
03 · 52 · THE GOLDEN GRID

38.2 / 61.8 every time.

Every grid in the system splits at 38.2 / 61.8. The same equation as the wordmark. Symmetry is the rare exception — a symmetric grid reads as dead.

TWO-COLUMN φ
flex: 0 0 38.2% / 61.8%

Sidebar + content. Figure + ground. Thesis + evidence.

THREE-COLUMN
38.2fr 23.6fr 38.2fr

Centered emphasis with equal shoulders.

WHY NOT SYMMETRIC
50 / 50 — reads as dead

The φ grid always names who is speaking.

52 / 100 desingularity Golden Grid
03 · 53 · THE FRAME

Every page is bordered.

21px padding. 1px border. φ line at the foot. The frame isolates the work and declares the page as a considered object with edges.

DOCUMENT
A considered object
with edges.
de / page = φ
21px FRAME
OUTER PADDING

21px — var(--s3). On the Fibonacci scale.

BORDER

1px solid var(--border). Declares: this is a composition, not a canvas.

φ LINE FOOT

1px line. 38.2% paprika / 61.8% cream at 0.08 opacity. The equation, unremarked, at the base.

53 / 100 desingularity The Frame
03 · 54 · ONE BREAKPOINT

960px. That's all.

A single breakpoint forces sharper judgment. Two states, both fully resolved, both intentional. Multiple breakpoints force solutions for states no one is fully designing.

960px
0
ABOVE 960px

Full layout. Sidebar visible. Multi-column grids. Full typographic hierarchy.

BELOW 960px

Sidebar hides. Grids stack. Type scale unchanged.

WHAT NEVER CHANGES

Type scale. Frame. Color system. Motion. Spacing ladder.

54 / 100 desingularity Breakpoint
03 · 55 · SEVEN TOKENS. ONE RATIO. ONE FRAME.

Seven tokens.
One ratio.
One frame.

A composition that hits the ladder on every gap, the ratio on every grid, and 21px on every frame — feels found, not assembled.

55 / 100 desingularity Found, Not Assembled
03 · 56 · MOTION — BREATH NOT SPECTACLE

Breath, not spectacle.

Most motion is performance. Ours is breath. It says this page is alive without demanding the reader notice how. Every animation serves orientation.

WHAT MOTION DOES

Something appeared. Something was selected. Every animation serves orientation. Nothing bounces for attention.

RESTRAINT AT THE EDGES

At most one continuously-animating element in view. Two pulses is too many.

IF IT'S RIGHT

They never think about it at all. Invisible — felt as responsiveness, not noticed as animation.

56 / 100 desingularity Motion
03 · 57 · FIVE FIBONACCI TIMINGS
d-flick
382ms
d-base
618ms
d-long
1000ms
d-reveal
1618ms
d-settle
2618ms

Fibonacci × 100ms. The jumps feel natural for the same reason the spacing ladder feels natural.

57 / 100 desingularity Five Timings
03 · 58 · THE φ CURVE
0.382 0.618
cubic-bezier(0.382, 0, 0.618, 1)
THE CURVE

Both control points sit at golden-ratio coordinates — 0.382 and 0.618. The curve accelerates into motion and decelerates out at mirror-image φ ratios.

WHY IT WORKS

The motion feels balanced because it is balanced — mathematically. The same ratio that governs the wordmark governs how the page moves in time.

TWO VARIANTS

ease: cubic-bezier(0.382, 0, 0.618, 1)
ease-out: cubic-bezier(0.382, 0, 0.382, 1)

58 / 100 desingularity φ Curve
03 · 59 · FIVE TIMINGS. ONE CURVE. NO PERFORMANCE.

Five timings.
One curve.
No performance.

The system breathes rather than performs. If you notice the animation, it's wrong.

59 / 100 desingularity No Performance
03 · 60 · VOICE — SPECIFY NOT SOFTEN

Specify. Not soften.

The brand voice is precise, not approximate. Not "balanced" — say 38.2 / 61.8. Not "a lot" — give the number. Hedging is imprecision.

WRONG · SOFTENED
  • perhaps balanced
  • somewhat proportional
  • we tend to
  • may feel
RIGHT · SPECIFIED
  • 38.2 / 61.8
  • 3.82%
  • 618ms
  • a / b = φ
  • one per viewport

We built a system from mathematical constants. The voice reflects the same precision.

60 / 100 desingularity Voice
03 · 61 · VOICE — φ IN LANGUAGE AS IN LAYOUT
WRONG · APPROXIMATE

"We take a somewhat balanced approach to the relationship between human and machine input."

"The color appears quite sparingly throughout our work."

"Transitions tend to feel smooth and considered."

RIGHT · PRECISE

"Human input governs at 38.2. Machine executes at 61.8. a / b = φ."

"Paprika appears at φ⁻³ ≈ 3.82% of any surface. One use per viewport."

"All transitions use cubic-bezier(0.382, 0, 0.618, 1) at 618ms default."

61 / 100 desingularity Precision
03 · 62 · NUMBERS OVER APPROXIMATIONS

Numbers over
approximations.
Always.

The voice is an extension of the system. If the system derives from mathematics, the language uses mathematics.

62 / 100 desingularity Numbers Over
03 · 63 · THE SYSTEM AS ONE
COLOR

One accent. Paprika at 3.82%. Figure-to-ground 38.2/61.8. 14 tokens.

TYPOGRAPHY

Three families. Funnel, JetBrains Mono, Allura. Nine Fibonacci sizes.

GRID

Seven tokens. Fibonacci 8–144. Columns 38.2/61.8. 21px frame. One breakpoint.

MOTION

Five timings. Fibonacci × 100ms, 382–2618. One φ curve.

VOICE

Precise not approximate. Numbers over hedges.

THE ORIGIN
a / b = φ
63 / 100 desingularity System As One
03 · 64 · A / B = φ
a / b = φ
Color proportions.
Type scale jumps.
Column ratios.
Motion easing.
Spacing steps.
Voice precision.
Opacity values.
One rule.
64 / 100 desingularity One Rule
03 · 65 · φ ORGANIZES THE SURFACE FROM UNDERNEATH

φ organizes
the surface
from underneath.

It does not announce itself. You feel the balance without being told where it came from. Nature does not label its rules. Neither do we.

65 / 100 desingularity From Underneath
04 · ACT FOUR
04

The Depth.

The things no one asked for. The decisions that didn't need to be this considered — but were.

66 / 100 desingularity The Depth
04 · 67 · THE DEPTH · WHY
21
PIXELS · FIBONACCI 3

Why 21px for the frame?

21 is on the Fibonacci scale. 24 is not. Every spacing decision picks one rung from the ladder. 21px because it matches the rhythm of every other spacing decision in every other component. When you build at 24px, you are building outside the system — and the reader feels it, even if they can't name it.

67 / 100 desingularity Why 21px
04 · 68 · THE DEPTH · WHY
300
FUNNEL DISPLAY · LIGHT

Why 300 for body weight?

400 reads as assertion. 300 reads as considered. The visual weight of a paragraph changes what it means. 300 says: here is a thought that has been chosen. Desingularity is in the business of careful thinking, so the body weight says so.

68 / 100 desingularity Why 300
04 · 69 · THE DEPTH · WHY
#A85743 · OUR PAPRIKA
#E62E2E · EMERGENCY RED
TEMPERATURE

Why is paprika warm, not cool red?

Closer to Moroccan tile than emergency red. A red that has been lived in. Adjacent to the warmth of Dubai without being literal. A cool red reads as warning, as urgency, as error state. We are not building those associations.

69 / 100 desingularity Why Warm
04 · 70 · THE DEPTH · WHY
de/
FAVICON ONLY

Why the slash only in the favicon?

The slash is the operator. It appears only where it means something. In the wordmark, the equation is solved — the slash would imply the working is still in progress. In the favicon, the operator is needed to make the equation legible at small size. In any other context, a slash is decorative.

70 / 100 desingularity Why the Slash
04 · 71 · THE DEPTH · WHY
d · D
LOWER VS UPPER

Why always lowercase?

Lowercase is the operational register. How code runs. How URLs read. How systems think. A capital D would signal a proper noun, a brand name, a decoration. Lowercase signals operation.

71 / 100 desingularity Why Lowercase
04 · 72 · THE DEPTH · WHY
OURS #111111
PURE #000000

Why #111111 not #000000?

Pure black has no room for the mark to breathe. Graphite at #111111 is warm near-black. It absorbs the saturation of paprika without clashing. Pure black on screen reads as maximum tension. Graphite reads as considered darkness.

72 / 100 desingularity Why Graphite
04 · 73 · THE DEPTH · WHY
6268
CHARACTERS · MAX MEASURE

Why 62–68ch for body measure?

A reader's eye gets lost past 75 characters. Optimal reading line length is 45–75 characters. We sit in the upper range because Funnel Display at 300 / 1.65 is generous — the spacing absorbs the wider measure.

73 / 100 desingularity Why 62ch
04 · 74 · THE DEPTH · WHY
PAGE FOOT
38.2 / 61.8 · 1px

Why the φ line at the frame foot?

The equation, stated once at the base of every page. 1px line. 38.2% paprika. 61.8% cream at 0.08 opacity. No label. No explanation. Present on every surface, visible to anyone who looks, explained to no one.

74 / 100 desingularity Why the φ Line
04 · 75 · THE DEPTH · WHY
960
PIXELS · ONE BREAKPOINT

Why only one breakpoint at 960px?

Multiple breakpoints force solutions for states no one is fully designing. A single breakpoint forces sharper judgment. Two states, both fully resolved. Three breakpoints accumulate partial designs — mostly right, nowhere fully considered.

75 / 100 desingularity Why One BP
04 · 76 · THE DEPTH · WHY
<em>
ONE TAG · TWO ROLES

Why override <em> in the wordmark?

The em in the wordmark is not emphasis — it is architecture. In prose, em is the calligraphic hand. In the wordmark, em is the structural equation — Funnel 500, paprika, mathematical. Without the override, the wordmark reads as a book title.

76 / 100 desingularity Why Override em
04 · 77 · THE DEPTH · WHY
0.382 0.618

Why both control points at φ?

The motion should feel as balanced as the proportion. cubic-bezier(0.382, 0, 0.618, 1). The curve accelerates into motion and decelerates out at mirror-image φ ratios. The same ratio that governs the wordmark governs how the page moves in time.

77 / 100 desingularity Why φ Curve
04 · 78 · THE DEPTH · WHY
a / b
φ
FIXED-WIDTH · WARM

Why JetBrains Mono specifically?

Fixed-width with enough warmth to not feel engineered. Most monospace fonts read as purely technical — cold, terminal. JetBrains Mono has a slight warmth that keeps it from reading as purely mechanical. Enough personality to sit with Funnel, enough neutrality to step back.

78 / 100 desingularity Why JetBrains
04 · 79 · THE DEPTH · WHY
a
b
DENOMINATOR · HUMAN

Why is b the human term and a the machine?

Because the favicon shows de/ — the human denominator declaring itself. de is b. singularity is a. The human term is what remains visible when the equation is compressed to its minimum. b is the dividing element — what turns the machine numerator into beauty.

79 / 100 desingularity Why b
04 · 80 · THE DEPTH · WHY
de /
[input]
= φ
COMMAND SYNTAX

Why de / [input] as product syntax?

Because every project is an instance of the equation. de / space = φ. de / brand = φ. The slash is already present in the favicon — the denominator plus the operator, waiting for the numerator. The human input is always the denominator.

80 / 100 desingularity Why Syntax
04 · 81 · THREE EXPRESSIONS — ONE EQUATION AT THREE LEVELS OF DISCLOSURE
01 / WORDMARK · IMPLICIT
desingularity

The equation is solved. Two colors, one word. The ratio lives in the color. Invisible, like φ in nature.

02 / FAVICON · EXPLICIT
de/

The operator is shown. The denominator declares itself. The numerator is implied. The full equation in three characters.

03 / COMMAND · OPERATIONAL
de / [input]
= φ

The equation is live. The input is what you bring. The result is always φ.

81 / 100 desingularity Three Expressions
04 · 82 · THE OPACITY SYSTEM — φ STEPS

Even opacity follows φ.

Five levels. None round numbers. All feel right because they are mathematically related — each one a golden ratio from the next.

o-ghost
0.0618

Background watermarks.

o-faint
0.1459

Structural hints.

o-muted
0.382 · b

Muted elements.

o-half
0.618 · a

Secondary elements.

o-full
1.000

Full presence.

82 / 100 desingularity Opacity
04 · 83 · THE DEPTH · WHY
steel-l on graphite
#718096 · 4.8:1 · PASS AA
steel on graphite
#4A5568 · 3.4:1 · FAIL

Why two grey values for steel?

Because steel on graphite fails WCAG AA. steel-l passes. steel (#4A5568) at 3.4:1 on graphite does not meet WCAG AA. steel-l (#718096) at 4.8:1 does. On cream, the roles reverse. The names encode the rule: steel-l for light contexts (on dark), steel for dark text (on light).

83 / 100 desingularity Why Two Greys
04 · 84 · EVERY DECISION HAS A REASON
21px
FRAME

On the Fibonacci scale. Consistent with every other spacing decision.

300
WEIGHT

Reads as considered. The body weight says the brand thinks carefully.

WARM
PAPRIKA

Adjacent to Dubai without being literal. A red you live in.

/
SLASH IN FAVICON

Semantic honesty. The operator only where it carries meaning.

a–z
LOWERCASE ALWAYS

Operational register. How systems think, how code runs.

62ch
MEASURE

Physiological. The eye gets lost past 75 characters.

φ ▔
φ LINE AT FOOT

The equation, stated once at the base. Visible to those who look.

960
ONE BREAKPOINT

Two states, both fully resolved. Better than three states, none considered.

84 / 100 desingularity Every Decision
04 · 85 · THE REASON IS ALWAYS THE SAME

The reason
is always
the same reason.

a / b = φ. Every decision traces back to this. Not as justification applied after the fact — as the origin from which the decision was derived.

85 / 100 desingularity Same Reason
05 · ACT FIVE
05

The Applied.

The system working. Everything together. What this looks like in the world.

86 / 100 desingularity The Applied
05 · 87 · THE BRAND IN DARKNESS · THE NATURAL GROUND
desingularity
FUNNEL DISPLAY 300 · BLACK · PAPRIKA + CREAM
87 / 100 desingularity In Darkness
05 · 88 · THE BRAND IN LIGHT · THE RARE INVERSION
desingularity
PAPRIKA-DARK · GRAPHITE ON CREAM · DOCUMENTS
88 / 100 desingularity In Light
05 · 89 · THE BRAND AT SCALE
de
sin gu lar ity
THE WORDMARK HOLDS AT EVERY SIZE
89 / 100 desingularity At Scale
05 · 90 · THE BRAND AT MINIMUM · FAVICON STATES
d/
d / · 32px
d/
d / · 64px
de/
de / · FULL FAVICON

At its smallest, the mark is still the equation. The denominator and the operator. The numerator implied.

90 / 100 desingularity At Minimum
05 · 91 · TYPOGRAPHY IN CONTEXT

Design intelligence from first principles.

We work toward the singularity of design intelligence — and only there. If one exists for design, we will reach it.

The equation is in the name. de is the human prefix — the reversal operator, the denominator. singularity is the machine body. Divide the human by the machine. The result is φ.

FUNNEL DISPLAY 300 · HEADLINE 72PX · LEDE 26PX · BODY 22PX · 1.65 · 62CH · ALLURA EM IN PAPRIKA
HEADLINE

Funnel 300, 72px, −0.035em tracking, 1.0 leading.

LEDE

Funnel 300, 26px, 1.45 leading, 50ch measure.

BODY

Funnel 300, 22px, 1.65 leading, 62ch measure.

EM IN PROSE

Allura, paprika, +30% size. One word per paragraph.

91 / 100 desingularity Type In Context
05 · 92 · COLOR IN CONTEXT · THE PROPORTION WORKING
FIGURE · b · 38.2%
desingularity

The figure. The mark. The human accent. Paprika at its most contained — in the wordmark, it earns its place by being the first thing you see and the last thing you can name.

de / brief = φ
GROUND · a · 61.8%

The ground holds the figure. Graphite. Cream text. Steel-light for captions. No chromatic competition.

Everything here exists to make the paprika accent land with precision.

graphite · cream body · steel-l meta · paprika ≈ 3.2%
92 / 100 desingularity Color In Context
05 · 93 · THE SYSTEM WORKING
desingularity
01 · THE MARK 02 · THE EQUATION 03 · THE SYSTEM DUBAI · 2026
02 · THE EQUATION

a / b = φ

The human portion divided by the machine portion equals the golden ratio. Not a metaphor — a mathematical statement about the relationship between judgment and capability.

READ MORE →
a / b
DESINGULARITY a / b = φ BOOK 01 · v1.0
93 / 100 desingularity System Working
05 · 94 · WHAT THIS TOOK

Built from the inside.

This system could not have come from a brief. It required understanding what we are building, why the equation is the name, and what design intelligence means at its deepest level.

THE STARTING POINT

Not "what should the brand look like." But "what is the ratio of human to machine in a designed world?"

THE METHOD

One mathematical constant. Applied without exception. Every decision traceable to a / b = φ.

THE RESULT

A brand system with no arbitrary choices. Every element has a reason. The reason is always the same reason.

94 / 100 desingularity What It Took
05 · 95 · WHAT THIS MAKES POSSIBLE

A system that scales.

A brand built from one rule can extend to any surface. New products. New contexts. The equation holds. No agency required to maintain it.

ANY SURFACE

Web. Mobile. Print. Signage. Presentation. Document. The equation applies to all.

ANY SCALE

From a 16px favicon to a large installation. The proportions hold. The voice holds.

ANY TEAM

The system is documented from its foundations. Anyone who understands the equation can apply it correctly.

95 / 100 desingularity What It Makes Possible
05 · 96 · DESIGN INTELLIGENCE THAT REACHES THE

Design intelligence
that reaches the
singularity.

The brand is the product. Not a representation of the product — the product itself, as demonstrated by the brand.

96 / 100 desingularity The Singularity
05 · 97 · THE PRE-LAUNCH MOMENT

We are ready.

The brand system is complete. The equation is proven. The derivations are documented. The system can scale to any surface, any team, any context.

COMPLETE

Declarations. Color. Typography. Grid. Motion. Voice. Six systems, one equation, zero arbitrary decisions.

DOCUMENTED

Every rule derived and explained. Every decision traceable. Self-consistent. Agency-independent.

PROVEN

You have been reading it for the past 96 slides. The system works. The depth is real.

97 / 100 desingularity Pre-Launch
05 · 99

One more thing.

99 / 100 desingularity