Zo is LAAGLAND gebouwd

Een technoclub waar de typografie op de kick danst. Er staat geen audiobestand op deze site: de beat wordt live gesynthetiseerd in de browser, en dezelfde klok stuurt de letters aan.

De beat

• Pure WebAudio-synthese: de kick is een sinus met een exponentiële pitch-sweep van 150 naar 43 Hz, de hihat is een ruisbuffer door een highpass-filter, de bas een sawtooth op F1 die na elke kick opveert. Sidechain-gevoel zonder compressor.
• Lookahead-scheduler: een interval plant noten 120 ms vooruit op de sample-accurate AudioContext-klok, de standaardtruc tegen jitter. 126 BPM, zestienden-raster.
• Audio start pas na een klik op de play-knop, zoals browsers het willen.

De dansende letters

• Elke geplande kick gaat ook in een queue voor de visuele kant. Een rAF-loop berekent per frame een envelope exp(-t × 7) sinds de laatste kick.
• Die envelope stuurt de breedte-as van Archivo variable (wdth 110 naar 124 en terug), een subtiele schaal op het clubwoord, en de line-up-namen met een kleine faseverschuiving per rij.
• De strobe is bewust geen witte flits maar een magenta gloed van onderen, gedempt genoeg om veilig te blijven. Bij prefers-reduced-motion staat alle typografie stil en verdwijnt de strobe; alleen de audio blijft beschikbaar.

Het ontwerp

• Drie kleuren, niet meer: zwart, wit, laser-magenta #FF00A8.
• Eén variabel lettertype voor alles; hiërarchie komt uit gewicht en breedte, niet uit extra fonts.
• Rauwe 3px-lijnen in de line-up, header in mix-blend-mode: difference.

Credit

Site 07 van 25 in de Vormula demo-reeks. Concept, code en copy: Claude (Fable 5), in opdracht van Vormula Studio.