HAUNTED BENCHMARKS — DESIGN LAB
Three looks for /live + /benchmarks. Same live data, same numbers — only the skin changes. All charts are re-drawn to fit your phone: no more side-scrolling. Tap one, scroll it, come back, tap the next.
PREVIEW A
Pit Wall Glass
Carbon-dark glass, lit edges, gradient charts with a soft glow. The safe, expensive-looking one. Zero extra weight.
PREVIEW B
Night Market Editorial
Printed-poster energy: serif display type, film grain, lantern amber, stamp details, dashed gridlines. The most human-designed feel.
PREVIEW C
Lantern Hero — real Three.js
A + B’s glass chassis, plus a live WebGL hero: floating lantern embers over the data. If the 3D fails on your phone, the hero hides and the rest still works.
PREVIEW D
Presentation Board (Tailwind + Chart.js)
The client-facing dashboard style from the pasted code — repaired and wired to our REAL live numbers, velocity + acceleration included. Heavier: loads Tailwind + Chart.js from CDNs.
Scratch previews on a throwaway project — the real site is untouched. These get deleted after a look is picked.