Quatro elementos, uma só obra: o que a figura da home está dizendo

ver a bancada: o laboratório →cada decisão deste texto, com o número que a sustenta e o que foi tentado e descartado

1. Os quatro pilares

Cada ponto da figura é um pilar, desenhado com o símbolo alquímico do seu elemento e uma frase que é o ato dele - o que fazer quando se está naquele pilar.

As quatro frases não são minhas, são de gente que pensou nisso antes de mim: Feynman para ciência (“você não deve enganar a si mesmo - e você é a pessoa mais fácil de enganar”, Cargo Cult Science, 1974), Alan Kay para tecnologia (“o melhor jeito de prever o futuro é inventá-lo”, 1971), Paul Klee para arte (“a arte não reproduz o visível: torna visível”, Credo Criativo, 1920 - que é literalmente o “sapere vedere” do título), Sócrates para filosofia (“a vida sem exame não vale a pena ser vivida”, Apologia, 38a).

Por que quatro, e por que estes quatro? Não foi uma declaração de identidade. Foi arqueologia. Sete anos de coisa escrita, projeto feito, nota solta, e quando olhei o monte inteiro tudo caía em quatro pilhas mais ou menos do mesmo tamanho. O que era medir e provar. O que era construir e fazer funcionar. O que era dar forma a alguma coisa sem saber por quê. O que era pergunta sem resposta técnica. Achei bonitinho, fiz quatro categorias e segui a vida.

Levei um ano pra perceber que os quatro montes não eram categorias. Eram os quatro elementos da alquimia, na ordem exata, e eu não tinha feito de propósito. Água é o que mede, porque toma a forma do recipiente e mostra o nível. Ar é o que constrói, porque é o que não se vê e sustenta tudo. Fogo é a arte, porque consome e transforma. Terra é a filosofia, porque é onde se pisa. Quando vi isso, o desenho ficou óbvio: os quatro triângulos que os alquimistas usavam há quinhentos anos já estavam prontos, e eu só precisava parar de disfarçar.

E por que “pilar” e não “assunto”? Porque assunto classifica e pilar sustenta. Assunto é o que se põe numa etiqueta pra achar depois. Pilar é o que segura o teto - tira um e a casa cai. Quando eu chamava de assunto, eu escrevia sobre ciência. Quando comecei a chamar de pilar, entendi que ciência é o jeito como eu penso, mesmo quando estou tocando violino. Os quatro não são temas. São quatro maneiras de estar no mundo, e eu estou nas quatro ao mesmo tempo o tempo inteiro.

2. O que nasce entre dois

Clicar em dois pilares acende o fio entre eles e o nome de uma terceira coisa, que não estava em nenhum dos dois. A regra de escrita: o texto nomeia a terceira coisa, e não a soma das duas.

Cada uma dessas seis coisas eu já fiz sem saber que tinha nome.

Epistemologia foi o dia em que parei de discutir se um método de desenvolvimento era melhor e decidi medir. Combinei antes o que ia contar como prova: tempo de entrega, contado da mesma forma, nas duas condições. O resultado veio e ninguém precisou acreditar em mim. É ciência com filosofia por baixo: antes de medir, decidir o que vale como medida.

Poética é o closures.js. Eu escrevi um poema que roda como programa e não sei explicar exatamente o que ele é. A forma veio antes da resposta. Arte com filosofia é isso: dar corpo a uma pergunta que ainda não fechou.

Ética é a parte do meu trabalho que ninguém vê. Todo código que roda sozinho decide por alguém - um carrinho de compras que recomenda, um filtro que esconde. Filosofia com tecnologia é lembrar de perguntar por quem o sistema está decidindo, antes de ele decidir.

Visualização é esta página. Transformar número em desenho sem mentir no gráfico é uma disciplina, e a maior parte dos gráficos que eu vi na vida mente um pouco. A imagem do buraco negro que está na prancha desse encontro não é fotografia: é reconstrução de dados de oito telescópios. É arte com ciência, e as duas têm que estar inteiras.

Engenharia é o que eu faço de segunda a sexta: construir em cima do que já foi medido, sem medir tudo de novo. Ciência com tecnologia é confiar no que a ciência já fechou pra poder construir mais alto.

Ofício é quando funciona e emociona na mesma peça. O site do Suzuki, o da Stephanie, o jogo escondido dentro de um site institucional. Arte com tecnologia é o relógio de tampa aberta: você vê a engrenagem e ela é bonita.

3. O que falta em três

Três dos quatro é quase tudo, e o que separa um trio do outro é a ausência. A regra: trio se define pelo que falta nele.

Trio é traiçoeiro. Três dos quatro parece completo, e é exatamente por isso que eu demorei pra ver o que faltava em cada um.

O ensaio é o que eu mais escrevo. Pensado, testado, bem escrito - e não funciona sem mim. Um texto não roda sozinho: precisa de alguém lendo. Não é defeito, é a natureza dele. Mas é bom saber que é isso que ele é.

A infraestrutura é a documentação técnica que eu montei num trabalho: certa, justificada, funcionando, e ninguém quer olhar. Não tinha arte, e sem arte ninguém abre. Eu achava que era problema de divulgação. Era problema de forma.

O manifesto que roda é o site antigo. Tinha ideia, tinha forma, funcionava - e eu nunca testei se alguém entendia. A Torre de Tatlin na prancha desse trio nunca foi erguida; a minha foi, e ninguém subiu.

O produto é o que eu mais fiz na vida profissional. Dezenas de lojas: testadas, bonitas, funcionando. E em quase nenhuma alguém parou pra perguntar por quê. O que essa loja faz no mundo? Pra quem? Eu não estou dizendo que é errado. Estou dizendo que é três de quatro, e que a diferença entre três e quatro é a única coisa que este site inteiro está tentando dizer.

4. O todo

Com os quatro acesos: o TODO - sempre vai ser maior do que a soma das partes. É quando a poeira do fundo se junta e monta o cérebro, com o fluxo correndo pelos circuitos. É a única coisa da figura que a apresentação de entrada não mostra de propósito: o prêmio é de quem chega lá.

Clicar no centro com o cérebro montado devolve tudo ao vazio, e o vazio diz Tudo é 1.

“O todo é maior do que a soma das partes” é uma frase gasta. Todo mundo já ouviu, ninguém para pra pensar o que ela cobra. Deixa eu tentar.

Soma é o que a gente aprende primeiro: dois mais dois. Ela tem uma propriedade escondida que parece óbvia e não é: a ordem não importa e as partes não se tocam. Dois e dois dão quatro tanto faz se você põe um antes do outro, e nenhum dos dois muda por estar perto do outro. Quase nada no mundo é assim. Quando duas coisas se tocam de verdade, uma muda a outra, e o resultado não é a soma: é uma terceira coisa. Hidrogênio e oxigênio são dois gases. Água não é “gás mais gás”. Água apaga fogo, e nenhum dos dois apagava.

Isso tem nome: emergência. E tem um jeito de pensar que leva isso a sério, que se chama pensamento sistêmico, e que é a minha obsessão desde que eu percebi que quase todo problema que eu vi de perto não tinha culpado. Tinha um laço: A empurra B, B empurra C, C empurra A de volta, e ninguém ali é o vilão. A figura da home é literalmente esse laço, desenhado na notação de estoque e fluxo da Donella Meadows: cada pilar é um reservatório, cada linha é um cano com válvula, e quando você corta uma ligação os dois lados esvaziam, porque cada um passou a receber de dois vizinhos em vez de três. Não é ilustração. O modelo que roda por baixo é um modelo de estoque e fluxo de verdade.

A Viviane Mosé, que está escondida na poeira, diz que “quando a nossa alma dói é porque está crescendo para caber mais mundo”. Eu acho que é a mesma coisa dita para dentro. Crescer não é somar mais um pedaço. É a relação entre os pedaços mudando, e isso dói porque o que você era não cabe mais.

E a matemática por trás, em uma frase de cada vez

O cérebro que se monta quando os quatro acendem não é um desenho pronto que aparece. São os grãos da poeira, cada um com um alvo, sendo puxados para lá por uma mola. E a poeira que orbita os pilares o resto do tempo não é animação: é gravidade calculada. A pergunta que eu mais ouço é “mas como o computador sabe onde o grão vai estar?”. A resposta é a mesma que Newton e Leibniz deram em 1670, e eu vou explicar sem fórmula.

Imagina que você quer saber onde um carro vai estar daqui a uma hora. Se ele anda sempre a 60 por hora, fácil: 60 quilômetros adiante. Mas e se a velocidade muda o tempo todo? Aí você faz o que qualquer criança faria: divide a hora em pedacinhos pequenos, olha a velocidade em cada pedacinho, anda um pouquinho, olha de novo. Some tudo. Quanto menor o pedacinho, mais certo o resultado.

Foi isso que os dois inventaram, cada um do seu jeito e brigando pelo crédito até morrer. Leibniz chamou o pedacinho de tempo de d - o “d” de diferença - e é por isso que até hoje se escreve dt. Newton chamou de fluxão. O nome que ficou foi cálculo, e ele tem duas metades que são a mesma coisa vista de dois lados: a derivada é a velocidade neste instante exato (quanto a posição muda por um pedacinho de tempo), e a integral é somar todos os pedacinhos para descobrir a posição no fim. Uma desfaz a outra. Esse é o teorema fundamental, e é a coisa mais bonita que eu aprendi na vida.

Agora olha o que o site faz. Sessenta vezes por segundo, o navegador me dá um dt - o pedacinho de tempo desde o último quadro, uns dezesseis milésimos de segundo. Para cada grão, o código calcula a força que os pilares acesos fazem nele, transforma força em mudança de velocidade, soma essa mudança à velocidade que o grão já tinha, e então soma a velocidade à posição. Só isso. É a integral de Leibniz feita à mão, somando pedacinho por pedacinho, sessenta pedacinhos por segundo. O nome técnico é integração numérica. O nome honesto é “o computador fazendo a conta que a criança faria”.

Um exemplo de cabeça, com os números que estão no código: um grão parado a 200 unidades de um pilar aceso. A gravidade dele naquele ponto puxa com uma aceleração de uns 1,4 unidade por segundo ao segundo. No primeiro pedacinho, de 1/60 de segundo, a velocidade dele sobe de zero para 1,4 dividido por 60: 0,023 unidade por segundo. A posição anda 0,023 dividido por 60: quatro décimos de milésimo de unidade. Nada, a olho nu. No segundo pedacinho a velocidade sobe pra 0,047, a posição anda o dobro. No quadro 60, um segundo depois, a velocidade é 1,4 e o grão andou uns 0,7 de unidade. Em dez segundos, uns 70 - um terço do caminho até o pilar. Cada passo é ridículo de pequeno; a soma é o movimento.

Tem um detalhe que separa quem fez isso uma vez de quem já se queimou: a ordem. O site atualiza a velocidade primeiro e a posição depois, usando a velocidade nova. A ordem contrária - posição primeiro, com a velocidade velha - parece igual e não é: a energia do sistema vai crescendo aos poucos, e em poucos minutos a poeira sai voando. Velocidade primeiro, posição depois tem um nome, Euler simplético, e a diferença toda é que esse jeito respeita a geometria do movimento em vez de só aproximá-la. Um grão em órbita fica em órbita.

5. As imagens por trás da figura (as pranchas)

Cada estado tem uma imagem de fundo. São 24 lâminas, quase todas de domínio público, com os créditos em /creditos. Na ordem em que a figura as mostra: o vazio, os quatro pilares, as seis duplas, os quatro trios e o todo.

Por que imagem de museu, e não ilustração feita pro site? Porque eu tentei ilustração e ela mentia. Um desenho feito sob encomenda diz o que você mandou dizer. Uma placa fotográfica de 1919 diz o que aconteceu: alguém esperou um eclipse no Ceará pra ver se a luz de uma estrela entortava do jeito que um alemão tinha previsto no papel, e entortou. Eu não consigo desenhar isso melhor do que aconteceu.

Tem uma regra por trás de todas as escolhas visuais deste site, e ela cabe em quatro palavras: gravura, não aplicativo. Um aplicativo tem ícones, cantos arredondados, sombras e um botão azul. Uma gravura tem fio de tinta, versalete com espaço entre as letras, latim no alto e uma imagem que existia antes de você. Eu quero que este site pareça o frontispício de um livro antigo que alguém achou numa estante, e não uma tela de celular. Toda vez que uma decisão puxava pro lado do aplicativo, eu voltava pra gravura.

6. A poeira e os achados escondidos

A poeira que orbita a figura tem 28 grãos que escondem uma referência minha. Eles se distinguem do resto pelo movimento: a poeira segue a turbulência do campo em curvas; o grão-ovo anda em linha reta, devagar, contra a corrente, com um balanço miúdo - o que atravessa o rio, entre o que vai com ele. De tempos em tempos um cintila. Ao chegar perto, ele acende e o ponteiro o atrai de leve. Ao clicar, abre uma folha com a referência; ao fechar, o grão voa, aceso e com rastro, até a constelação do seu lado, e vira estrela.

Os 28, e a constelação de cada um. Os GIFs ficam parados e só se movem sob o ponteiro.

Virgem - o signo solar: a mente que analisa, mede e ordena.

gif

gif

gif

Câncer - o ascendente: a casa, a memória, a infância, o que se sente.

gif

gif

gif

Por que esconder isso na poeira em vez de fazer uma página chamada “influências”? Porque uma lista de influências é um currículo, e ninguém lê currículo dos outros por prazer. Uma coisa escondida é diferente: quem acha, achou. Passa a ser dele. Eu devo essa ideia inteira a dois jogos. O Skyrim tem uma tela de perícias em que você aprende coisas e cada coisa aprendida acende uma estrela numa constelação, dentro de uma nebulosa. Da primeira vez que vi aquilo eu pensei “é isso que aprender parece por dentro”. E GRIS, que eu vou contar mais pra frente, me ensinou que um mundo pode se revelar sem uma única linha de texto.

A partir daí a decisão foi simples: o site inteiro é um jogo. Não um jogo com placar, com conquistas e barrinha de progresso - isso seria aplicativo de novo. Um jogo do jeito que GRIS é jogo: você anda, alguma coisa cintila, você chega perto, e o mundo responde. Eu devo aos jogos da infância o jeito como aprendo até hoje, e não faria sentido construir a minha casa de outro jeito.

A gravidade da poeira

A poeira tem 320 grãos, e cada um deles obedece a Newton. Quando nenhum pilar está aceso, eles giram devagar em volta do centro, como um sistema solar preguiçoso: uma volta a cada quatro minutos e meio. Quando você acende um pilar, ele vira uma massa, e a poeira em volta começa a orbitar. Vou explicar o que está acontecendo, porque é a parte que mais me encanta e que menos gente sabe que está lá.

A lei de Newton diz que a força entre dois corpos cai com o quadrado da distância. “Quadrado” aqui quer dizer o seguinte: se você dobra a distância, a força não cai pela metade, cai para um quarto. Se triplica, cai para um nono. Perto, puxa muito; longe, quase nada. É por isso que a Lua não cai na Terra e a maçã cai: a maçã está perto.

Mas aí vem a pergunta que a Lua responde e que a gente esquece de fazer: se a Terra puxa a Lua o tempo todo, por que ela não cai? Porque ela está andando pro lado. Rápido. A cada instante a gravidade puxa a Lua um pouquinho pra baixo, e a velocidade dela pro lado a leva um pouquinho pra frente. O resultado é que ela cai eternamente sem nunca chegar. Isso é uma órbita: cair pro lado. O nome da coisa que ela tem e que a maçã não tem é momento angular - a velocidade de lado, que a gravidade não consegue tirar.

O site faz exatamente isso, e tem um truque honesto no meio. No instante em que você acende um pilar, cada grão recebe um empurrão pro lado, tangente, com três quartos da velocidade que ele precisaria pra ficar numa órbita circular ali. Sem esse empurrão, a poeira inteira cairia reta no pilar e viraria um ponto - que é o que acontece com uma maçã. Com ele, cada grão vira uma pequena Lua. O sentido do empurrão é sorteado, então metade gira pra um lado e metade pro outro, e os que se cruzam se desviam um pouco, porque cada grão também tem uma gravidade minúscula sobre os outros.

Dois detalhes que só quem já quebrou isso conhece. Primeiro, a força de Newton vira infinita quando a distância vira zero, e um grão que passasse pelo centro exato do pilar seria arremessado pra fora da tela. O código amolece a força: a partir de uma certa distância, mais ou menos o raio do disco do pilar, ela para de crescer. É como se o pilar fosse uma bola, e não um ponto. Segundo, existe um teto de velocidade, porque num quadro lento - o computador travou meio segundo - a soma dos pedacinhos daria um salto que nenhum grão real daria.

E tem a outra matemática, a que não é de Newton. A poeira não orbita só: ela também flutua num vento que gira. Esse vento é o campo de turbulência do quadro do Van Gogh, e ele funciona ao contrário da gravidade. Em vez de uma força puxando pra um ponto, existe uma paisagem de morros e vales invisível, e a velocidade em cada lugar é o giro em volta dessa paisagem - o que a matemática chama de rotacional. A propriedade que importa é uma só: um vento assim não tem fonte nem ralo. Nunca junta a poeira num ponto, nunca a espalha pra sempre. Ela circula. Foi por isso que eu escolhi essa matemática pro fundo: é a única que deixa a poeira viva sem nunca acumular.

7. As duas constelações

À esquerda, Virgem; à direita, Câncer. As estrelas são projetadas das coordenadas reais (ascensão reta e declinação), em pé, cada uma na sua banda, centradas na altura da figura. Estrela achada é dourada de quatro pontas, respirando devagar; estrela com achado ainda não encontrado é um anel vazio; estrela sem achado atribuído é ponto de fundo. Cada constelação fecha quando os seus achados acabam, e ao fechar mostra por um instante a gravura de Johannes Hevelius (Firmamentum Sobiescianum, 1690) - a moça com a espiga, o caranguejo - e depois só no hover. O botão de espalhar devolve as estrelas ao céu, cada uma numa direção, acesas e com rastro, como uma supernova lenta.

Virgem é o meu signo solar e Câncer é o meu ascendente. Eu não vou discutir astrologia aqui, e não é por isso que elas estão no céu. Estão porque eu precisava de duas constelações de verdade, com coordenadas de verdade - ascensão reta e declinação, projetadas em pé -, e quando fui escolher quais, a resposta já estava pronta antes de eu perguntar. Ninguém precisa saber disso para jogar. Quem sabe, entende que o céu do site é o céu de quando eu nasci. Quem não sabe, vê duas constelações bonitas do Hevelius. As duas leituras estão certas.

Tem uma lógica na divisão, e ela é minha e não dos astros: Virgem ficou com as referências que analisam, medem e ordenam - Sherlock, Feynman, Paracelso, o teatro, Newton. Câncer ficou com a casa, a memória, a infância e o que se sente - o violino, os jogos, a Clarice, os professores, a noite estrelada. É uma divisão que eu faria de qualquer jeito, com ou sem mapa astral. O mapa só deu nome.

8. A entrada e a música

A home abre com uma cortina: “somos feitos de poeira de estrelas”, do Carl Sagan, sozinha na tela. Depois o K₄ se traça enquanto o site carrega de verdade - fontes, figura, as imagens do primeiro clique, a música - e só libera a entrada quando a tela está quieta e nada vai travar. Aí vem a pergunta, assistir ou pular, e uma apresentação curta: os quatro triângulos com os nomes, um de cada vez; dois acendendo e nascendo “engenharia” no meio; os quatro fechando a figura; um grão da poeira cintilando; o grão voando e virando estrela. Cinco atos, devagar, sem cérebro - o prêmio é de quem chega lá. E se você clicar num pilar do desenho durante a apresentação, ele acende ali mesmo: a apresentação é o site em miniatura, funcionando. É o que o teatro me ensinou: mostrar a engrenagem antes de deixar você usá-la.

A música é “Says”, do Nils Frahm (Spaces, 2013), os três primeiros minutos em laço: começa no primeiro clique, toca a jornada inteira, sobrevive a um refresh do mesmo ponto, abaixa quando um vídeo toca por cima. O som vem ligado por padrão; um clique desliga. Os acordes dos pilares e os toques dos achados estão na mesma afinação da música: tudo é parcial da série harmônica sobre os mesmos 55 Hz, e por isso a estrela que pousa em 880 Hz cai consonante em cima do acorde da constelação, sem eu ter ajustado nada.

O que “Says” tem a ver com tudo isto é que ela é a tese do site em forma de música. São nove minutos de um arpejo curto que se repete, e nada mais acontece por um bom tempo. Aí entra uma camada. Depois outra. Nenhuma camada muda o arpejo; o arpejo continua o mesmo, mas a música que você ouve aos sete minutos não é a soma das camadas: é uma terceira coisa que nenhuma delas era sozinha. É o todo maior do que a soma das partes, tocado. Eu não escolhi essa música pra combinar com o site. Eu construí o site em cima do que essa música já dizia.

9. O design system

A Noite Estrelada é a estrutura, não o tema

O céu da home não é uma textura atrás da figura: é o quadro de Van Gogh, tomado como sistema. O redesign partiu de um estudo de 2024 que mediu catorze formas espiraladas na tela da Noite Estrelada obedecendo à cascata de Kolmogorov - a energia cai das escalas grandes para as pequenas, como num escoamento turbulento de verdade. O site usa exatamente isso:

• O campo de turbulência: o potencial é uma soma de gaussianas e a velocidade é o rotacional dele, o que torna o escoamento incompressível por identidade - sem fonte nem sumidouro. Não há espiral desenhada: a espiral é o que aparece quando o escoamento acontece.
• Catorze centros de rotação, como no quadro, e quatro deles grandes, postos sobre os quatro pilares do K₄: o céu é organizado pela figura, não colado atrás dela.
• A amplitude por escala segue o expoente de Kolmogorov, o mesmo do estudo.
• O comprimento da pincelada sai do quadro, não do gosto: a tela mede 92,1 cm e as pinceladas do céu têm de 3 a 8 cm, entre 3,3% e 8,7% da largura; a primeira versão usava 27,9% e foi corrigida para essa faixa.
• A poeira é a pincelada: cada grão tem a luminosidade proporcional à velocidade do escoamento, como a tinta que Van Gogh carregava mais onde o céu girava mais rápido.
• A estrela achada é a estrela grande do quadro: núcleo cheio com halo em volta - e o cipreste que corre na margem dos posts é o cipreste da tela, a única forma escura que sobe do chão até o céu.
• O que a Noite Estrelada não é aqui: paleta. As cores do site vêm dos tokens em OKLCH, com os quatro pilares em matizes a 90° um do outro; azul e amarelo do quadro não foram copiados. Referência é estrutura, não decoração.

A demonstração viva disso, com o campo traçado por 240 pinceladas, está na bancada.

• Tipografia: prosa em Newsreader (400 e 600); display em Instrument Serif (400); notação e cromo em Space Mono (400 e 700). Escolhidas pela folha de diacríticos - EB Garamond, Cormorant, Bodoni Moda, Literata e Fraunces reprovaram no ã, no ç e no ê.
• Cor: tinta sobre creme de dia, tinta clara sobre azul-noite de noite; o acento é dourado (#945820 de dia, #fab222 de noite); cada pilar tem a sua matiz em oklch (275° ciência, 185° tecnologia, 5° arte, 95° filosofia), com o mesmo croma e a mesma luminosidade nos quatro, para nenhum gritar mais que o outro.
• Vocabulário visual: frontispício de livro antigo, não painel de aplicativo. Versalete com entreletra para rótulo; fio de 1 px; gravura, tarô, mapa celeste; latim no alto (“sapere vedere”). Nenhum ícone de aplicativo onde um desenho da casa serve - o filtro de pilares são os símbolos alquímicos com o anel de seleção do hero, o “todos” é o K₄ completo.
• Movimento: fumaça para o que aparece e desaparece; procissão dos glifos ao entrar; a figura dorme quando ninguém olha (aba escondida, página rolada, cortina de pé) - de 0,352 para 0,037 s de CPU por segundo; prefers-reduced-motion e o botão de movimento param tudo.
• Som: ligado por padrão, mas nada toca sem gesto; um só contexto de áudio, fechado ao sair.
• Memória: tudo no navegador da pessoa, nada no servidor - o caderno das duplas descobertas, os achados, a leitura por pilar (a assinatura do rodapé enche por leitura de verdade, não por clique), a apresentação vista, som e movimento. Cada uma com o seu reset.

E não tem placar. Essa foi uma decisão difícil, porque placar funciona: barrinha enchendo, medalha, “você achou 12 de 27”. Funciona e eu não quis. Um placar diz que a coisa que importa é o número, e o número vira o jogo. Aqui a figura é o caderno: cada peça guarda o encontro que ela carrega. As duplas que você já descobriu ficam acesas de outro jeito. Os achados viram estrelas, e a constelação que se forma é o registro de onde você esteve. Quem quiser saber quantos faltam consegue contar as estrelas apagadas. Mas ninguém vai contar, e é isso que eu queria.

Tudo isso foi medido antes de ser decidido, e as medições estão na bancada: o laboratório é a página onde cada decisão de cor, tipo, leitura e movimento aparece com o número que a sustenta - e com o que foi tentado e descartado no caminho.

10. GRIS

Tem um jogo por baixo deste site, e eu devo dizer o nome dele com todas as letras: GRIS, da Nomada Studio, de 2018.

GRIS é um jogo sem uma linha de diálogo. Uma moça acorda na mão de uma estátua que se desfaz, cai num mundo cinza, e passa o jogo inteiro devolvendo cor a ele: primeiro o vermelho, depois o verde, o azul, o amarelo. Cada cor é um capítulo e cada capítulo é uma coisa que ela recupera. Não é explicado. Você entende porque o mundo muda de cor quando você faz a coisa certa, e isso basta.

Eu joguei GRIS numa época em que eu não conseguia produzir nada pra mim mesmo. Tudo que eu fazia era task com prazo. E um jogo em que ninguém fala, ninguém explica, ninguém pede nada, e mesmo assim você sabe exatamente o que fazer e por quê - isso me quebrou de um jeito que eu demorei a entender. GRIS me ensinou que dá pra fazer sem explicar. Que o silêncio comunica mais do que a legenda. Que o mundo pode se abrir por camadas e a pessoa vai entender sozinha, porque foi ela que abriu.

Se você olhar a home depois de saber disso, vai ver GRIS em três lugares, e eu não tento esconder nenhum:

As estrelas. Em GRIS, conforme você acha as luzes escondidas pelo mundo, elas voam até o céu e formam uma constelação. Uma de cada vez. Quando a constelação fecha, um caminho se abre. Aqui é a mesma coisa, sem adaptação: o grão que você acha voa até o céu, aceso, e vira estrela de Virgem ou de Câncer. Quando fecha, a gravura do Hevelius aparece. Eu poderia ter inventado outra mecânica. Não quis, porque essa é perfeita e eu sei de onde veio.

As tintas. Em GRIS o mundo ganha cor por camadas, uma por capítulo. Aqui cada pilar aceso pinta a figura com a cor dele: acende ciência e o azul entra, acende arte e o rosa entra, e quando os quatro estão acesos as quatro cores estão na tela ao mesmo tempo. O site nasce em tinta sobre creme, quase sem cor, e é você que devolve a cor a ele. Não é um efeito. É a estrutura da paleta.

O movimento. Tudo em GRIS se move como tecido ao vento: o vestido dela, as plataformas, as criaturas. Nada é rígido, nada para de vez. A poeira daqui, os grãos derivando, a fumaça que traz e leva cada frase, o cérebro que se monta devagar em vez de aparecer - é a tentativa de fazer o site respirar do mesmo jeito. E a regra que eu repeti mil vezes durante a construção, “sutil como em GRIS”, é a régua contra a qual cada animação foi medida: se chama atenção pra si mesma, está errada.

11. As inspirações

• A Noite Estrelada, Van Gogh: a estrutura do céu inteiro - ver a seção 9. Mas o que o quadro significa pra mim não é a técnica. É que ele foi pintado de dentro de um quarto de hospício, olhando pela janela antes de amanhecer, por alguém que não conseguia mais estar no mundo e mesmo assim viu o céu girar. Eu olho pra ele e vejo alguém fazendo a coisa mais bonita que fez estando no pior lugar em que esteve. Isso me sustenta mais do que qualquer teoria.
• GRIS (Nomada Studio): a seção inteira acima.
• Skyrim: a tela de perícias, estrelas acendendo numa nebulosa - é literalmente a mecânica dos achados.
• Johannes Hevelius: as gravuras das constelações de 1690, e o desenho de estrela de quatro pontas que a estrela achada usa.
• O tarô de Pamela Colman Smith: o Louco e o Mago; a folha de cada achado é uma carta.
• Bruegel, A Queda de Ícaro: tudo importa, do lavrador ao mito - o épico e o miúdo no mesmo quadro.
• Leonardo: a polimatia; “saper vedere”, que está no alto de cada página; o Homem Vitruviano como medida.
• A alquimia: os quatro elementos, a magnum opus, a Tábua de Esmeralda e o Caibalion - “guardai bem a chama”.
• O Fabuloso Destino de Amélie Poulain: a televisão do vizinho, que passa cenas soltas no fim do /sobre.
• Carl Sagan: o pálido ponto azul, e a frase que abre o site.
• Nils Frahm: Says, que é o site em música.
• Clarice Lispector: olhar o ovo até ele deixar de ser óbvio, que é o que eu tento fazer com tudo.
• O teatro: a ITB e o Laboratório de Cinema: a ciência e a arte da expressão. Estudo teatro na Escola Técnica de Teatro ITB, em Petrópolis, e em 2025 fiz o curta Tempestade Solar no Laboratório de Cinema da Rocio Produções. Foi no chão da sala de ensaio que aprendi a mostrar a engrenagem em vez de escondê-la, pra que quem assiste pense em vez de só sentir. A cortina de entrada deste site, que explica como tudo funciona antes de deixar você entrar, é um gesto de teatro - e eu só percebi isso depois de fazer.
• O Pequeno Príncipe, Saint-Exupéry: a raposa e o que dá trabalho - conhecer é cativar, e o essencial não se vê. [escrever]
• Os jogos da infância: a ocarina do Zelda que me ensinou que tocar a música certa abre a porta, e tudo que eu aprendi sobre aprender veio de um mundo com regras claras, resposta na hora e o próximo desafio um pouco acima do que eu já sabia.
• Naruto: fazer as pazes com o monstro que mora dentro, em vez de vencê-lo.
• Cowboy Bebop: “whatever happens, happens” - eu faço a parte que é minha e solto o resto.
• Beakman e o Guia do Mochileiro: ciência aos berros e “não entre em pânico”. As duas coisas cabem no mesmo cérebro.
• Os professores: Hiroko Sensei, que ensinou japonês a gerações; o método Suzuki, em que a criança toca antes de ler; o Kumon, uma folha por dia; e a Happy Code, onde eu vi criança fazendo jogo e mostrando pros pais. Eu fui aluno e professor em mais de um desses, e o que eu sei sobre ensinar veio deles.

12. Por que um grafo, e não uma lista

Eu podia ter feito uma lista. Quatro assuntos, um menu, clica e vai. É o que todo site faz e funciona. Não fiz porque a lista mente sobre a coisa mais importante: numa lista, os itens não se tocam.

Pega quatro coisas quaisquer. De quantas maneiras dá pra combinar algumas delas? Uma de cada vez: quatro. Duas de cada vez: seis. Três de cada vez: quatro. As quatro juntas: uma. Quatro mais seis mais quatro mais um dá quinze. Esse número não é meu: é a quantidade de subconjuntos não vazios de um conjunto de quatro, e qualquer quatro coisas no universo têm exatamente quinze.

Agora desenha quatro pontos e liga cada um a todos os outros. Isso se chama K₄, o grafo completo em quatro vértices, e ele tem: quatro vértices, seis arestas, quatro triângulos e o todo. Quatro, seis, quatro, um. Os mesmos quinze. Não é coincidência - é a mesma coisa. Cada pedaço da figura é uma das quinze combinações, e a figura inteira é a lista de tudo o que pode nascer entre quatro coisas. Eu não desenhei uma ilustração da tese. Eu desenhei o objeto matemático que a tese é, e depois só precisei escrever o nome de cada pedaço.

É isso que pensamento sistêmico quer dizer pra mim, e por que ele é método e não tema. Tema é quando você escreve um post sobre sistemas. Método é quando a estrutura do que você faz obedece à ideia. A home não fala de sistemas: ela é um. O modelo que roda por baixo é de estoque e fluxo, cada pilar acumula, cada linha conduz, e cortar uma ligação faz os dois lados esvaziarem. Você pode ler a tese ou pode mexer nela. As duas dão no mesmo lugar.

13. O que eu ainda não sei

Não sei se alguém vai achar os 28 grãos. Não sei se a apresentação de entrada ensina ou atrapalha - já refiz quatro vezes e ainda tenho dúvida. Não sei se “o todo é maior do que a soma das partes” é uma verdade ou uma frase bonita que eu decidi acreditar. Não sei o que a criança que gritava “deixa eu falar” ia achar disso tudo.

Sei que fiz sem saber o que era, e que depois de pronto talvez eu descubra. Mas isso é o que menos importa aqui.

a bancada de tudo isto: o laboratório →as medições, as candidatas recusadas, e o que a página sabe de si mesma