Skip to content
Back

science technology art philosophy the WHOLE 24 min read

Four elements, a single work: what the figure on the home page is saying

I split everything I write into four pillars and it took me a year to understand why. The drawing on the home page is the explanation - and this text is the map of everything it carries: the fifteen states, the dust and the gravity that moves it, the two constellations, the music, GRIS, Van Gogh, and Newton and Leibniz's calculus running sixty times a second.

Four elements, a single work: what the figure on the home page is saying

see the workbench: the lab →every decision in this text, with the number that backs it and what was tried and discarded

1. The four pillars

Each point in the figure is a pillar, drawn with the alchemical symbol of its element and a phrase that is its act - what to do when you’re in that pillar.

pillarelementcolor (day / night)the phrase
sciencewater (upward triangle, no bar)#464f7c / #93a3fcyou must not fool yourself - and you are the easiest person to fool
technologyair (upward triangle, with bar)#096058 / #04c5b5the best way to predict the future is to invent it
artfire (downward triangle)#75404d / #ef86a0art does not reproduce the visible; rather, it makes visible
philosophyearth (downward triangle, with bar)#60521b / #c5a93bthe unexamined life is not worth living

None of the four phrases is mine; they belong to people who thought about this before me: Feynman for science (“you must not fool yourself - and you are the easiest person to fool”, Cargo Cult Science, 1974), Alan Kay for technology (“the best way to predict the future is to invent it”, 1971), Paul Klee for art (“art does not reproduce the visible; rather, it makes visible”, Creative Credo, 1920 - which is literally the “sapere vedere” in the title), Socrates for philosophy (“the unexamined life is not worth living”, Apology, 38a).

Why four, and why these four? It wasn’t a statement of identity. It was archaeology. Seven years of things written, projects done, loose notes, and when I looked at the whole heap, everything fell into four piles of roughly the same size. What was measuring and proving. What was building and making it work. What was giving form to something without knowing why. What was a question with no technical answer. I thought it was cute, made four categories, and got on with my life.

It took me a year to realize that the four heaps weren’t categories. They were the four elements of alchemy, in the exact order, and I hadn’t done it on purpose. Water is what measures, because it takes the shape of its container and shows the level. Air is what builds, because it’s what you can’t see and it holds everything up. Fire is art, because it consumes and transforms. Earth is philosophy, because it’s where you stand. When I saw that, the drawing became obvious: the four triangles the alchemists were using five hundred years ago were already done, and all I needed was to stop disguising it.

And why “pillar” and not “subject”? Because a subject classifies and a pillar supports. A subject is what you put on a label so you can find it later. A pillar is what holds up the roof - take one away and the house falls. When I called it a subject, I wrote about science. When I started calling it a pillar, I understood that science is the way I think, even when I’m playing the violin. The four aren’t themes. They’re four ways of being in the world, and I’m in all four at the same time, all the time.

2. What is born between two

Clicking two pillars lights up the line between them and the name of a third thing, which wasn’t in either of them. The writing rule: the text names the third thing, not the sum of the two.

encounternamethe phrase
science + philosophyepistemologyagree beforehand on what will count as proof
art + philosophypoeticsgive form to a question that has no answer yet
philosophy + technologyethicsall code that runs on its own decides for someone: know for whom
art + sciencevisualizationturn numbers into a drawing without lying in the chart
science + technologyengineeringbuild on what was already measured, without measuring it all again
art + technologycraftit works and it moves you, both in the same piece

I had already done each of these six things without knowing it had a name.

Epistemology was the day I stopped arguing about whether a development method was better and decided to measure. I agreed beforehand on what would count as proof: delivery time, counted the same way, under both conditions. The result came in and nobody had to take my word for it. It’s science with philosophy underneath: before measuring, deciding what counts as a measurement.

Poetics is closures.js. I wrote a poem that runs as a program, and I can’t explain exactly what it is. The form came before the answer. That’s what art with philosophy is: giving body to a question that hasn’t closed yet.

Ethics is the part of my work nobody sees. All code that runs on its own decides for someone - a shopping cart that recommends, a filter that hides. Philosophy with technology is remembering to ask for whom the system is deciding, before it decides.

Visualization is this page. Turning numbers into a drawing without lying in the chart is a discipline, and most of the charts I’ve seen in my life lie a little. The black hole image on this encounter’s plate isn’t a photograph: it’s a reconstruction of data from eight telescopes. It’s art with science, and both have to be whole.

Engineering is what I do Monday through Friday: building on what was already measured, without measuring it all again. Science with technology is trusting what science has already settled so you can build higher.

Craft is when it works and moves you in the same piece. The Suzuki site, Stephanie’s, the game hidden inside a corporate website. Art with technology is the watch with its back open: you see the gears, and they’re beautiful.

3. What is missing in three

Three of the four is almost everything, and what separates one trio from another is absence. The rule: a trio is defined by what it lacks.

missingnamethe phrase
without technologythe essaythought through, tested and well written, but needs its author there
without artthe infrastructureright, justified and running, but nobody wants to look at it
without sciencethe manifesto that runsit has an idea, a form and it works, but nobody tested it
without philosophythe producttested, beautiful and working, still to ask why

Trios are treacherous. Three of the four looks complete, and that’s exactly why it took me a while to see what was missing in each one.

The essay is what I write most. Thought through, tested, well written - and it doesn’t work without me. A text doesn’t run on its own: it needs someone reading. That’s not a flaw, it’s its nature. But it’s good to know that’s what it is.

The infrastructure is the technical documentation I put together at a job: right, justified, running, and nobody wants to look at it. It had no art, and without art nobody opens it. I thought it was a publicity problem. It was a form problem.

The manifesto that runs is the old site. It had an idea, it had form, it worked - and I never tested whether anyone understood it. Tatlin’s Tower, on this trio’s plate, was never built; mine was, and nobody climbed it.

The product is what I’ve made most in my professional life. Dozens of stores: tested, beautiful, working. And in almost none of them did anyone stop to ask why. What does this store do in the world? For whom? I’m not saying it’s wrong. I’m saying it’s three out of four, and that the difference between three and four is the only thing this entire site is trying to say.

4. The whole

With all four lit: the WHOLE - will always be greater than the sum of its parts. It’s when the dust in the background comes together and assembles the brain, with the flow running through the circuits. It’s the only thing in the figure that the opening walkthrough deliberately doesn’t show: the prize belongs to whoever gets there.

Clicking the center with the brain assembled returns everything to the void, and the void says Everything is 1.

“The whole is greater than the sum of its parts” is a worn-out phrase. Everyone has heard it, nobody stops to think about what it demands. Let me try.

Addition is the first thing we learn: two plus two. It has a hidden property that seems obvious and isn’t: order doesn’t matter and the parts don’t touch. Two and two make four no matter which one you put first, and neither of them changes by being near the other. Almost nothing in the world is like that. When two things really touch, one changes the other, and the result isn’t the sum: it’s a third thing. Hydrogen and oxygen are two gases. Water isn’t “gas plus gas”. Water puts out fire, and neither of them could.

That has a name: emergence. And there’s a way of thinking that takes it seriously, which is called systems thinking, and which has been my obsession since I realized that almost every problem I’d seen up close had no culprit. It had a loop: A pushes B, B pushes C, C pushes A back, and nobody there is the villain. The figure on the home page is literally that loop, drawn in Donella Meadows’ stock-and-flow notation: each pillar is a reservoir, each line is a pipe with a valve, and when you cut a connection both sides drain, because each one is now receiving from two neighbors instead of three. It isn’t an illustration. The model running underneath is a real stock-and-flow model.

Viviane Mosé, who is hidden in the dust, says that “when your soul aches it is because it is growing to hold more world”. I think it’s the same thing said inward. Growing isn’t adding one more piece. It’s the relationship between the pieces changing, and that hurts because what you were no longer fits.

And the math behind it, one sentence at a time

The brain that assembles itself when all four light up isn’t a ready-made drawing that appears. It’s the grains of dust, each with a target, being pulled there by a spring. And the dust that orbits the pillars the rest of the time isn’t animation: it’s calculated gravity. The question I hear most is “but how does the computer know where the grain is going to be?”. The answer is the same one Newton and Leibniz gave in 1670, and I’m going to explain it without a formula.

Imagine you want to know where a car will be an hour from now. If it always goes 60 an hour, easy: 60 kilometers ahead. But what if the speed changes all the time? Then you do what any kid would do: split the hour into tiny pieces, look at the speed in each piece, move a little, look again. Add it all up. The smaller the piece, the more accurate the result.

That’s what the two of them invented, each in his own way and fighting over the credit until they died. Leibniz called the tiny piece of time d - the “d” for difference - and that’s why we still write dt today. Newton called it a fluxion. The name that stuck was calculus, and it has two halves that are the same thing seen from two sides: the derivative is the speed at this exact instant (how much the position changes per tiny piece of time), and the integral is adding up all the tiny pieces to find the position at the end. One undoes the other. That’s the fundamental theorem, and it’s the most beautiful thing I’ve learned in my life.

Now look at what the site does. Sixty times a second, the browser gives me a dt - the tiny piece of time since the last frame, about sixteen thousandths of a second. For each grain, the code calculates the force the lit pillars exert on it, turns force into a change in velocity, adds that change to the velocity the grain already had, and then adds the velocity to the position. That’s all. It’s Leibniz’s integral done by hand, adding tiny piece after tiny piece, sixty tiny pieces a second. The technical name is numerical integration. The honest name is “the computer doing the math the kid would do”.

An example you can work out in your head, with the numbers that are in the code: a grain at rest 200 units from a lit pillar. The pillar’s gravity at that point pulls with an acceleration of about 1.4 units per second per second. In the first tiny piece, of 1/60 of a second, its velocity rises from zero to 1.4 divided by 60: 0.023 units per second. The position moves 0.023 divided by 60: four ten-thousandths of a unit. Nothing, to the naked eye. In the second tiny piece the velocity rises to 0.047, and the position moves twice as far. At frame 60, one second later, the velocity is 1.4 and the grain has moved about 0.7 of a unit. In ten seconds, about 70 - a third of the way to the pillar. Each step is ridiculously small; the sum is the motion.

There’s a detail that separates someone who has done this once from someone who has already been burned: the order. The site updates the velocity first and the position after, using the new velocity. The opposite order - position first, with the old velocity - looks the same and isn’t: the system’s energy keeps growing little by little, and within a few minutes the dust goes flying off. Velocity first, position after has a name, symplectic Euler, and the whole difference is that this way respects the geometry of the motion instead of just approximating it. A grain in orbit stays in orbit.

5. The images behind the figure (the plates)

Each state has a background image. There are 24 plates, almost all in the public domain, with the credits at /creditos. In the order the figure shows them: the void, the four pillars, the six pairs, the four trios, and the whole.

The Monk by the Sea, Caspar David Friedrich, 1808-1810 - a tiny figure before the sea and the sky, with nothing between it and the void
The Monk by the Sea, Caspar David Friedrich, 1808-1810the void · a tiny figure before the sea and the sky, with nothing between it and the void
The original plate from the eclipse of May 29, 1919, in Sobral: Einstein predicted a deflection, the plate measured it - the prediction handed to the judge before the answer
The original plate from the eclipse of May 29, 1919, in Sobralscience · Einstein predicted a deflection, the plate measured it - the prediction handed to the judge before the answer
Liquid hydrogen bubble chamber photograph: an antiproton collides with a proton, and the particles draw their own tracks - the data that nature writes by itself
Liquid hydrogen bubble chamber photographscience · an antiproton collides with a proton, and the particles draw their own tracks - the data that nature writes by itself
The Foucault pendulum in the Panthéon in Paris: the experiment that shows the Earth turning to anyone with the patience to watch
The Foucault pendulum in the Panthéon in Parisscience · the experiment that shows the Earth turning to anyone with the patience to watch
Fragment A of the Antikythera mechanism, c. 100 BC - the oldest known machine that calculates
Fragment A of the Antikythera mechanism, c. 100 BCtechnology · the oldest known machine that calculates
The chain of punched cards of a Jacquard loom: the program before the computer
The chain of punched cards of a Jacquard loomtechnology · the program before the computer
An opened Intel 80486, the die visible between the gold pins: the program turning into silicon
An opened Intel 80486, the die visible between the gold pinstechnology · the program turning into silicon
The Creation of Adam, Michelangelo, 1512
The Creation of Adam, Michelangelo, 1512art
Composition VIII, Kandinsky, 1923 - spinning for spinning's sake, exuberant uselessness as pure form
Composition VIII, Kandinsky, 1923art · spinning for spinning's sake, exuberant uselessness as pure form
Vitruvian Man, Leonardo da Vinci, c. 1490
Vitruvian Man, Leonardo da Vinci, c. 1490art
The Thinker, Rodin, 1904 - the bronze at the Musée Rodin, Paris
The Thinker, Rodin, 1904philosophy · the bronze at the Musée Rodin, Paris
The School of Athens, Raphael, 1509-1511 - Stanza della Segnatura, Vatican
The School of Athens, Raphael, 1509-1511philosophy · Stanza della Segnatura, Vatican
Wanderer above the Sea of Fog, Caspar David Friedrich, c. 1818 - seen from behind, looking at what he does not know
Wanderer above the Sea of Fog, Caspar David Friedrich, c. 1818philosophy · seen from behind, looking at what he does not know
The first image of a black hole, M87*, 2019 - reconstruction of data from eight radio telescopes, not a photograph
The first image of a black hole, M87*, 2019art + science: visualization · reconstruction of data from eight radio telescopes, not a photograph
The Awakening Slave, Michelangelo, c. 1525-1530, Galleria dell'Accademia: the figure still emerging from the stone - the form before the answer
The Awakening Slave, Michelangelo, c. 1525-1530, Galleria dell'Accademiaart + philosophy: poetics · the figure still emerging from the stone - the form before the answer
The movement of an automatic mechanical watch with its back open: balance wheel, rubies and Côtes de Genève
The movement of an automatic mechanical watch with its back openart + technology: craft · balance wheel, rubies and Côtes de Genève
The armillary sphere by Antonio Santucci, Florence, 1588-1593, Museo Galileo: the model of the cosmos chosen before any measurement - deciding what counts as proof
The armillary sphere by Antonio Santucci, Florence, 1588-1593, Museo Galileoscience + philosophy: epistemology · the model of the cosmos chosen before any measurement - deciding what counts as proof
The International Prototype of the Kilogram under its two glass bell jars, the object that defined the unit until 2019
The International Prototype of the Kilogram under its two glass bell jars, the object that defined the unit until 2019science + technology: engineering
Stanislav Petrov, the officer who in 1983 decided that the automatic warning system was wrong
Stanislav Petrov, the officer who in 1983 decided that the automatic warning system was wrongphilosophy + technology: ethics
The Astronomer, Vermeer, 1668, Louvre: the scholar, the globe, the hand on top - it thinks, proves, takes shape, and the author is present
The Astronomer, Vermeer, 1668, Louvrewithout technology: the essay · the scholar, the globe, the hand on top - it thinks, proves, takes shape, and the author is present
Relay racks in a telephone exchange, 1923: correct, justified, working, and nobody looks
Relay racks in a telephone exchange, 1923without art: the infrastructure · correct, justified, working, and nobody looks
Model of Tatlin's Tower, the Monument to the Third International, 1919-1920: a manifesto in built form, designed to rotate, never checked, never erected
Model of Tatlin's Tower, the Monument to the Third International, 1919-1920without science: the manifesto that runs · a manifesto in built form, designed to rotate, never checked, never erected
The replica of the DeLorean time machine from 'Back to the Future', doors open, flux capacitor and Mr. Fusion in view
The replica of the DeLorean time machine from 'Back to the Future', doors open, flux capacitor and Mr. Fusion in viewwithout philosophy: the product
The cover of the Voyager Golden Record, with the engraved instructions for its own decoding
The cover of the Voyager Golden Record, with the engraved instructions for its own decodingthe whole

Why museum images, and not illustrations made for the site? Because I tried illustration and it lied. A drawing made to order says what you told it to say. A photographic plate from 1919 says what happened: someone waited for an eclipse in Ceará to see whether the light of a star would bend the way a German had predicted on paper, and it bent. I can’t draw that better than it happened.

There’s a rule behind all the visual choices on this site, and it fits in four words: engraving, not an app. An app has icons, rounded corners, shadows, and a blue button. An engraving has thin lines of ink, small caps with space between the letters, Latin at the top, and an image that existed before you. I want this site to look like the frontispiece of an old book someone found on a shelf, and not like a phone screen. Every time a decision pulled toward the app, I went back to the engraving.

6. The dust and the hidden finds

The dust orbiting the figure has 28 grains that hide a reference of mine. They stand out from the rest by the way they move: the dust follows the turbulence of the field in curves; the egg-grain moves in a straight line, slowly, against the current, with a tiny sway - the one crossing the river, among the ones going with it. Every now and then one twinkles. When you get close, it lights up and the pointer gently draws it in. Click it and a sheet opens with the reference; close it and the grain flies, lit and trailing, to the constellation on its side, and becomes a star.

The 28, and each one’s constellation. The GIFs stay still and only move under the pointer.

Virgo - the sun sign: the mind that analyzes, measures, and orders.

The Emerald Tablet engraved by Matthäus Merian in 1618: sun and moon over a landscape, planetary symbols around a tablet of Latin text.
The flame“Guard well the flame
The Magician card from the Rider-Waite-Smith tarot: a figure in a red cloak raising a wand, with a cup, a sword, a pentacle and a wand on the table.
The MagicianCard one: the four elements on the table, and someone deciding to begin.
Landscape with the Fall of Icarus: a farmer plows a field by the sea, a shepherd gazes at the sky, a ship sails past, and in the corner, almost hidden, Icarus's legs sink into the water.
The Fall of IcarusThe plowman plows, the shepherd watches the sky, the ship sails on, and in a corner of the water Icarus's legs go under.
Vitruvian Man, by Leonardo da Vinci: a man with arms and legs outstretched, inscribed at once in a circle and a square.
Leonardo da VinciMy greatest inspiration in life.
Title page of the first edition of the Grosse Fuge, opus 133, published by Artaria in Vienna in 1827.
Grosse FugeBeethoven was already deaf and wrote the harshest, most modern thing anyone wrote that century.
Lightning striking the Hill Valley clock tower, sparks running down the facade.
Back to the FutureThe trilogy is a work of genius, and it opens with a lesson in systems before the first line of dialogue
Sidney Paget's illustration for “Silver Blaze”: Holmes, in deerstalker and cape, talks with Watson face to face in a railway carriage.
Sherlock HolmesHe doesn't guess: he notices what was already there and everyone walked past.
Ouroboros from a 1625 engraving: a winged dragon biting its own tail in a circle.
The loop that feeds itselfAlmost every problem I've seen up close had no culprit
Handwritten sheet by Leibniz, brown ink on yellowed paper: lines of calculus with chained integral signs and dx differentials, with crossings-out and a small hyperbola diagram in the margin.
Shoulders of giantsNewton said that if he had seen further, it was by standing on the shoulders of giants.
Presumed portrait of Paracelsus, seventeenth-century copy after Quentin Matsys: a man in a fur cap and red kerchief, dark coat, holding a closed book against his chest, with a river, bridge and crag in the landscape behind him.
The dose and the systemParacelsus, the alchemist physician, wrote that everything is poison and nothing is poison
The Kumon logo: the name in black letters on a white background, with the thinking face in place of the O.
One sheet a dayThe method is one sheet a day, at exactly the level the person is at.
“DON'T PANIC” in big red letters outlined in yellow on black, with the hitchhiker's thumb crossing between the two words.
Don't panicI've carried those two words since I read the book.
Beakman's World opening: the show's logo with the globe projected over his face.
Beakman's WorldScience explained at the top of his lungs, in a green lab coat, with a rat for an assistant.
Opening frame of the short film Tempestade Solar: a curly-haired woman holding a red mug and a man seen from behind look together through an open door onto a bright garden; on the left, the ribbed-glass door with the title in white letters.
The science and the art of expressionI study theater at Escola Técnica de Teatro ITB, in Petrópolis; in 2025 I made Tempestade Solar at the Cinema Lab at Rocio Produções.

Cancer - the rising sign: home, memory, childhood, what one feels.

The Fool card from the Rider-Waite-Smith tarot: a wanderer at the edge of a cliff, a small dog at his feet.
The FoolCard zero: a guy stepping off without looking down.
The Starry Night, by Van Gogh: a blue sky in swirls above a sleeping village, with a dark cypress rising on the left.
The Starry NightHe painted the sky turning, from his room in the asylum, looking out the window before dawn.
The pale blue dot photograph from Voyager 1: bands of scattered sunlight in the dark, with Earth as a tiny bright speck in one of them.
Pale blue dotIt was Carl Sagan who asked Voyager to turn its camera around, six billion kilometers out, and then wrote the passage I reread whenever I lose my footing.
Spike Spiegel lighting a cigarette in the dark of the cockpit, with the caption “whatever happens, happens”.
Whatever happens, happensI do my part and let the rest go.
Young Link playing the ocarina in the forest meadow, the notes appearing below.
The gamesI owe the games of my childhood the way I still learn
The 1693 Gould Stradivari violin seen from the front on a neutral gray background: the amber-varnished spruce top, the f-holes, the fingerboard and the four pegs of the scroll.
The violinWhy would someone who hates being seen choose the highest, most exposed instrument there is?
Kurama, the giant fox, reaches its fist down to a tiny Naruto standing on the water, who answers with his own: the pact between them.
Making peace with the monsterNaruto spends the whole story with a fox locked inside him, and the village treats him as the monster.
Still life by Giovanni Battista Recco: a hanging rooster, a live hen and a row of white eggs on dark stone.
The egg and the chickenClarice wrote a whole story looking at an egg until it stopped being obvious.
Viviane Mosé speaking, seated, with a poster for the exhibition “A paixão segundo Clarice Lispector” on the wall behind her.
The growing soul“When your soul aches it is because it is growing to hold more world,” says Viviane Mosé.
Artwork from the Hiroko Sensei books project.
For a better worldHiroko Sensei taught Japanese to whole generations, and her book became a real book with my part done.
The Suzuki Arts Center Petrópolis orchestra at the altar of Petrópolis Cathedral, with violins, violas, cello and keyboard, after the Coral Wedding Anniversary Concert.
The Suzuki methodThe child plays before reading, the way you speak before you write
Artwork from the showcase of games by Happy Code Petrópolis students.
The students' gamesKids making 2D games and showing them to their parents.
The Creation of Adam, by Michelangelo: a reclining Adam reaches out his left hand until it almost touches God's right hand.
The Creation of AdamThe two fingers that don't touch.
Black-and-white portrait of Antoine de Saint-Exupéry around 1920: the young, serious face, hair parted to the side, a dark suit with a bow tie.
What is essential is invisible to the eyeI read The Little Prince as a child and did not understand why the aviator cried.

Why hide this in the dust instead of making a page called “influences”? Because a list of influences is a résumé, and nobody reads other people’s résumés for pleasure. A hidden thing is different: whoever finds it has found it. It becomes theirs. I owe this whole idea to two games. Skyrim has a skills screen where you learn things and each thing you learn lights up a star in a constellation, inside a nebula. The first time I saw that, I thought “this is what learning looks like from the inside”. And GRIS, which I’ll get to further on, taught me that a world can reveal itself without a single line of text.

From there the decision was simple: the whole site is a game. Not a game with a scoreboard, achievements, and a progress bar - that would be an app again. A game the way GRIS is a game: you walk, something twinkles, you get close, and the world responds. I owe the games of my childhood the way I still learn today, and it wouldn’t make sense to build my house any other way.

The gravity of the dust

The dust has 320 grains, and each of them obeys Newton. When no pillar is lit, they turn slowly around the center, like a lazy solar system: one revolution every four and a half minutes. When you light a pillar, it becomes a mass, and the dust around it starts to orbit. I’ll explain what’s happening, because it’s the part that delights me most and the part fewest people know is there.

Newton’s law says the force between two bodies falls with the square of the distance. “Square” here means this: if you double the distance, the force doesn’t drop by half, it drops to a quarter. Triple it, and it drops to a ninth. Up close, it pulls hard; far away, almost nothing. That’s why the Moon doesn’t fall onto the Earth and the apple does: the apple is close.

But then comes the question the Moon answers and that we forget to ask: if the Earth pulls on the Moon all the time, why doesn’t it fall? Because it’s moving sideways. Fast. At every instant gravity pulls the Moon down a tiny bit, and its sideways velocity carries it forward a tiny bit. The result is that it falls forever without ever arriving. That’s an orbit: falling sideways. The name of the thing it has and the apple doesn’t is angular momentum - the sideways velocity that gravity can’t take away.

The site does exactly that, and there’s an honest trick in the middle. The instant you light a pillar, each grain gets a sideways push, along the tangent, with three quarters of the speed it would need to stay in a circular orbit there. Without that push, all the dust would fall straight into the pillar and become a dot - which is what happens to an apple. With it, each grain becomes a little Moon. The direction of the push is drawn at random, so half turn one way and half the other, and the ones that cross paths swerve a little, because each grain also exerts a tiny gravity on the others.

Two details only someone who has already broken this knows. First, Newton’s force becomes infinite when the distance becomes zero, and a grain passing through the exact center of the pillar would be flung off the screen. The code softens the force: within a certain distance, roughly the radius of the pillar’s disc, it stops growing. It’s as if the pillar were a ball, not a point. Second, there’s a speed cap, because on a slow frame - the computer froze for half a second - the sum of the tiny pieces would make a jump no real grain would make.

And there’s the other math, the one that isn’t Newton’s. The dust doesn’t just orbit: it also floats on a wind that swirls. That wind is the turbulence field from Van Gogh’s painting, and it works the opposite way from gravity. Instead of a force pulling toward a point, there’s an invisible landscape of hills and valleys, and the velocity at each place is the swirl around that landscape - what mathematics calls the curl. Only one property matters: a wind like that has no source and no drain. It never gathers the dust into a point, never scatters it forever. It circulates. That’s why I chose this math for the background: it’s the only one that keeps the dust alive without ever piling it up.

7. The two constellations

On the left, Virgo; on the right, Cancer. The stars are projected from their real coordinates (right ascension and declination), upright, each in its own band, centered at the height of the figure. A found star is golden and four-pointed, breathing slowly; a star whose find hasn’t been found yet is an empty ring; a star with no find assigned is a background dot. Each constellation closes when its finds run out, and when it closes it shows for a moment the engraving by Johannes Hevelius (Firmamentum Sobiescianum, 1690) - the maiden with the ear of wheat, the crab - and after that only on hover. The scatter button sends the stars back to the sky, each in its own direction, lit and trailing, like a slow supernova.

Virgo is my sun sign and Cancer is my rising sign. I’m not going to argue about astrology here, and that’s not why they’re in the sky. They’re there because I needed two real constellations, with real coordinates - right ascension and declination, projected upright - and when I went to choose which ones, the answer was ready before I asked. Nobody needs to know this to play. Those who know understand that the site’s sky is the sky from when I was born. Those who don’t see two beautiful constellations by Hevelius. Both readings are right.

There’s a logic to the split, and it’s mine, not the stars’: Virgo got the references that analyze, measure, and order - Sherlock, Feynman, Paracelsus, the theater, Newton. Cancer got home, memory, childhood, and what one feels - the violin, the games, Clarice, the teachers, the starry night. It’s a split I’d have made anyway, with or without a birth chart. The chart just gave it a name.

8. The entrance and the music

The home page opens with a curtain: “we are made of star stuff”, by Carl Sagan, alone on the screen. After that the K₄ draws itself while the site actually loads - fonts, figure, the images for the first click, the music - and only lets you in when the screen is still and nothing is going to freeze. Then comes the question, watch or skip, and a short walkthrough: the four triangles with their names, one at a time; two lighting up and “engineering” being born in the middle; the four closing the figure; a grain of dust twinkling; the grain flying off and becoming a star. Five acts, slowly, no brain - the prize belongs to whoever gets there. And if you click a pillar in the drawing during the walkthrough, it lights up right there: the walkthrough is the site in miniature, working. It’s what theater taught me: show the gears before letting you use them.

The music is “Says”, by Nils Frahm (Spaces, 2013), the first three minutes on a loop: it starts on the first click, plays through the whole journey, survives a refresh from the same point, turns down when a video plays over it. Sound is on by default; one click turns it off. The pillars’ chords and the finds’ chimes are in the same tuning as the music: everything is a partial of the harmonic series over the same 55 Hz, and that’s why the star that lands at 880 Hz falls consonant on top of the constellation’s chord, without my having adjusted anything.

What “Says” has to do with all this is that it’s the site’s thesis in the form of music. It’s nine minutes of a short arpeggio that repeats, and nothing else happens for a good while. Then a layer comes in. Then another. No layer changes the arpeggio; the arpeggio stays the same, but the music you hear at seven minutes isn’t the sum of the layers: it’s a third thing that none of them was on its own. It’s the whole greater than the sum of its parts, played. I didn’t pick this music to match the site. I built the site on top of what this music was already saying.

9. The design system

The Starry Night is the structure, not the theme

The Starry Night, by Van Gogh: a blue sky in swirls above a sleeping village, with a dark cypress rising on the left and eleven large haloed stars.
The Starry Night, Vincent van Gogh, 1889, Museum of Modern Art, New York. The fourteen swirls in the sky were measured in a 2024 study and obey the Kolmogorov cascade - that is the field that moves the dust on the home page.

The sky on the home page isn’t a texture behind the figure: it’s Van Gogh’s painting, taken as a system. The redesign started from a 2024 study that measured fourteen spiral shapes on the canvas of The Starry Night obeying the Kolmogorov cascade - energy falls from the large scales to the small ones, as in a real turbulent flow. The site uses exactly that:

The live demonstration of this, with the field traced by 240 brushstrokes, is on the workbench.

And there’s no scoreboard. That was a hard decision, because scoreboards work: a little bar filling up, a medal, “you found 12 of 27”. It works, and I didn’t want it. A scoreboard says the thing that matters is the number, and the number becomes the game. Here the figure is the notebook: each piece keeps the encounter it carries. The pairs you’ve already discovered stay lit in a different way. The finds become stars, and the constellation that forms is the record of where you’ve been. Anyone who wants to know how many are left can count the unlit stars. But nobody will count, and that’s what I wanted.

All of this was measured before it was decided, and the measurements are on the workbench: the lab is the page where every decision about color, type, reading, and motion appears with the number that backs it - and with what was tried and discarded along the way.

10. GRIS

There’s a game underneath this site, and I should name it loud and clear: GRIS, by Nomada Studio, from 2018.

Screenshot from GRIS: a white tower of many stories, with turrets around it, against a watercolor sky of pink and cream clouds; the girl is a dot at the base.
GRIS, Nomada Studio, 2018. The world after the first paint: color comes in by layers, and the figure stays small before what she herself has colored. Official screenshot published by the studio, reproduced here for commentary.

GRIS is a game without a single line of dialogue. A girl wakes up in the hand of a statue that crumbles, falls into a gray world, and spends the whole game giving color back to it: first red, then green, blue, yellow. Each color is a chapter and each chapter is something she gets back. It isn’t explained. You understand because the world changes color when you do the right thing, and that’s enough.

I played GRIS at a time when I couldn’t make anything for myself. Everything I did was a task with a deadline. And a game where nobody speaks, nobody explains, nobody asks for anything, and even so you know exactly what to do and why - that broke me in a way it took me a while to understand. GRIS taught me that you can make something without explaining it. That silence communicates more than the caption. That the world can open up in layers and the person will understand on their own, because they were the one who opened it.

If you look at the home page after knowing this, you’ll see GRIS in three places, and I don’t try to hide any of them:

The stars. In GRIS, as you find the lights hidden around the world, they fly up to the sky and form a constellation. One at a time. When the constellation closes, a path opens. Here it’s the same thing, with no adaptation: the grain you find flies up to the sky, lit, and becomes a star in Virgo or Cancer. When it closes, Hevelius’s engraving appears. I could have invented another mechanic. I didn’t want to, because this one is perfect and I know where it came from.

The paints. In GRIS the world gains color in layers, one per chapter. Here each lit pillar paints the figure with its color: light science and blue comes in, light art and pink comes in, and when all four are lit the four colors are on the screen at the same time. The site is born in ink on cream, almost without color, and you’re the one who gives the color back to it. It isn’t an effect. It’s the structure of the palette.

The motion. Everything in GRIS moves like fabric in the wind: her dress, the platforms, the creatures. Nothing is rigid, nothing stops for good. The dust here, the drifting grains, the smoke that brings and takes away each sentence, the brain that assembles slowly instead of just appearing - it’s the attempt to make the site breathe the same way. And the rule I repeated a thousand times during the build, “subtle like in GRIS”, is the ruler every animation was measured against: if it calls attention to itself, it’s wrong.

11. The inspirations

12. Why a graph, and not a list

I could have made a list. Four subjects, a menu, click and go. It’s what every site does, and it works. I didn’t, because a list lies about the most important thing: in a list, the items don’t touch.

Take any four things. In how many ways can you combine some of them? One at a time: four. Two at a time: six. Three at a time: four. All four together: one. Four plus six plus four plus one makes fifteen. That number isn’t mine: it’s the number of non-empty subsets of a set of four, and any four things in the universe have exactly fifteen.

Now draw four points and connect each one to all the others. That’s called K₄, the complete graph on four vertices, and it has: four vertices, six edges, four triangles, and the whole. Four, six, four, one. The same fifteen. It isn’t a coincidence - it’s the same thing. Each piece of the figure is one of the fifteen combinations, and the whole figure is the list of everything that can be born between four things. I didn’t draw an illustration of the thesis. I drew the mathematical object the thesis is, and then all I had to do was write the name of each piece.

That’s what systems thinking means to me, and why it’s a method and not a theme. Theme is when you write a post about systems. Method is when the structure of what you do obeys the idea. The home page doesn’t talk about systems: it is one. The model running underneath is stock-and-flow, each pillar accumulates, each line conducts, and cutting a connection makes both sides drain. You can read the thesis or you can play with it. Both lead to the same place.

13. What I still don’t know

I don’t know if anyone will find the 28 grains. I don’t know if the opening walkthrough teaches or gets in the way - I’ve redone it four times and I’m still not sure. I don’t know if “the whole is greater than the sum of its parts” is a truth or a pretty sentence I decided to believe. I don’t know what the kid who shouted “let me talk” would think of all this.

I know I made it without knowing what it was, and that once it’s done I may find out. But that is what matters least here.

the workbench for all of this: the lab →the measurements, the rejected candidates, and what the page knows about itself


Comments


WebGL is off

This site needs your graphics card

The space in this site - the Swordfish, the flight between galaxies, the sky you build - is drawn by the graphics card, through WebGL. It is off in this browser, and without it those parts don't show up. The writing is still readable.

How to turn it on

Addresses like chrome://settings don't open from a link: copy and paste them into the address bar.