Hopp til innhold
← KolofonDesignelementTekstur

Korn, aurora og glitch

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

Kornet er en SVG med feTurbulence, lagt over hele siden i blandingsmodus «overlay» og flyttet i seks trinn i sekundet, som ekte filmkorn.

404-siden bruker kromatisk aberrasjon: to kopier av teksten i aksentfargene, klippet i striper med clip-path og forskjøvet i takt. Ordmerket nederst på siden fyller hele bredden og samler seg fra luftig til kompakt idet det glir inn.

I koden: app/globals.css (.grain, .aurora, .glitch, .wordmark)

Neste bit

⌘KESC