CASO 01 — Audiovisual · São Paulo ⟷ Lisboa cinematography studio

SILT

Sedimento — o que a luz deixa para trás. Um estúdio de cinematografia merecia um site que se comporta como uma câmara: timecode real a 24fps, grão de película a 12fps, um loader que conta 24 fotogramas e corta a seco. A régua nomeada: sand.black.

Entrar no site ↗
01 — Espécime Paleta & tipo specimen

Paleta — conjunto fechado

#0A0A0A
black
#E8E4DD
bone
#FF3B1F
signal

O vermelho é uma luz de REC, não uma cor de marca — nunca preenche uma área maior do que o ponto de gravação de 7px.

Tipo — três famílias, três empregos

Clash Display — títulos

display · 500/600

Archivo — prosa, racionada como o vermelho.

body · 300

SPACE MONO — TC 02:14:09:12 IN

mono · toda a metadata
02 — A constituição sites/silt/DESIGN-SYSTEM.md real excerpt
“--signal is a rec light, not a brand color. Test: red never fills an area larger than the 7px rec-dot; it is never a background, never a button fill, never body text, never on more than ~5% of any viewport.”
— §2.2, a regra da escassez do vermelho the red-scarcity rule, quantified
03 — A assinatura Displacement hover the money interaction

Cada still do reel vive sob um pequeno renderer WebGL cujo shader reimplementa a matemática do object-fit: cover — o plano GL recorta exatamente como a imagem que cobre. O cursor agita o sedimento: deslocamento em direção ao rato, ruído de valor, um split cromático R/B — e tudo assenta quando sais, porque a intensidade faz lerp, nunca salta. Custo por frame em repouso: zero — o tick devolve cedo a menos que a figura esteja visível e o hover ativo.

O que custou honest note

São seis contextos WebGL — um por still. Funciona a seis; os browsers limitam (~8–16), por isso a partir de oito obras isto exige um refactor para um renderer partilhado. E a nav em mix-blend-mode: difference fica turva a passar sobre o único still claro do site — dívida aceite e documentada na constituição, porque um scrim permanente estragaria a imagem para corrigir um glitch transitório.