Dark – Netflix Guide
Concept
The site positions itself as a “spoiler-safe companion” to the labyrinthine German series.
Rather than a static wiki, it’s a scrollable volume: Timeline → Families → Locations → Glossary. Each chapter reveals just enough context for the episode you’re on, encouraging binge-watchers to navigate the knot without ruining the next twist.
Visual Language & Motion
A coal-black canvas echoes “Winden Caves at midnight,” while amber glitch lines flicker like malfunctioning fluorescent tubes. Headlines render in DIN-Inspired grotesk, all caps, mirroring the show’s title card. Scroll and SVG line charts morph into WebGL solar orbits 1953, 1986, 2019 nodes drifting into a triquetra. Portraits desaturate until hovered; then a red-shift overlay highlights lineage and paradox, underscoring the series’ chromatic motif. Subtle VHS grain overlays every panel, evoking time-scarred footage.
UX & Performance
SVG graphs lazy-load as 8 KB gzipped files; heavier WebGL shaders boot only on desktop, keeping LCP ≈ 1.1 s and 1.5 s on 4G. A sticky progress bar glows yellow at points you’ve watched spoiler guard rails by design. prefers-reduced-motion freezes orbit animation, swapping parallax for fades; colour pairs remain WCAG AA even against charcoal (#060606). Keyboard arrows skip node to node for screen-reader parity.
Takeaway
Dark’s guide proves that fandom tools can be as artful as the show itself thoughtful spoiler gating, atmospheric motion and ruthless performance budgets transform a reference page into a living extension of the series’ tone.
