Zo is De Gieterij gebouwd
Een powerlifting-honk waar gewicht geen metafoor is. Het middelpunt is een barbell die u zelf laadt en die daar zichtbaar onder lijdt, tot en met de kop van de pagina aan toe.
De stang
- De barbell is één SVG. De stang zelf is een
pathmet een quadratische bezier waarvan het controlepunt zakt met het geladen gewicht, licht exponentieel zodat de laatste schijven het verschil maken, zoals in het echt. - Schijven volgen de buiging: elke schijf berekent de doorzakking van de stang op zijn eigen x-positie en schuift mee omlaag. Zonder dat detail zweeft ijzer boven de stang.
- Elke klik laadt een paar, één schijf per kant, en sorteert zwaar-naar-binnen. IPF-kleurcodering: rood 25, blauw 20, geel 15, groen 10.
- Klikken op een geladen schijf haalt hem eraf. De thunk is een sinus van 90 naar 40 Hz, zwaarder voor grote schijven.
- De kop buigt mee: de letters van ZWAAR IS EERLIJK zakken parabolisch door met hetzelfde gewicht als de stang. Bij
prefers-reduced-motionblijft de kop recht.
Het ontwerp
- Palet: gietijzer
#1A1A1B, chalk-wit#E8E6E1, safety-oranje#FF5A1E. De rest van de kleur komt uit de schijven zelf. - Type: Alfa Slab One als gegoten letter, IBM Plex Sans voor de rest.
- De copy houdt zich aan de huisregels: kort, droog, geen bewondering.
Credit
Site 16 van 25 in de Vormula demo-reeks, thema sport en welzijn. Concept, code en copy: Claude (Fable 5), in opdracht van Vormula Studio.
← Terug naar het ijzer