← KolofonBibliotek@theme · OKLCH

Tailwind CSS v4

Utility-klasser for layout, egne CSS-lag for alt som er for vilt for utility-klasser.

Tailwind v4 konfigureres i CSS med @theme i stedet for i en JavaScript-fil. Designsystemets farger er koblet inn med @theme inline, slik at klasser som bg-accent peker på runtime-variabler. Da virker temabytte uten ny bygging.

Effektene (liquid glass, konisk kant, korn, glitch og scroll-tidslinjer) ligger som vanlig CSS i globals.css. @tailwindcss/typography styler WordPress-innholdet og er overstyrt med drop caps i display-fonten og pull quotes i kursiv serif.

I koden: app/globals.css

Neste bit

Kolofon · Bibliotek15

lenis

Lenis myk scrolling

Scrollingen har vekt. Den akselererer og bremser i stedet for å hakke seg nedover i trinn.

Kolofon · Designelement16

Tekstur

Korn, aurora og glitch

Flatene er aldri helt flate. Et animert lag med filmkorn ligger over alt, og bak heroen gløder to fargeskyer.

Kolofon · Designelement17

WebGL · GLSL

Flytende shader i heroen

Bakgrunnen på forsiden er ikke et bilde eller en video. Det er et lite program som kjører på grafikkortet ditt, 60 ganger i sekundet.