Skip to content
Spiderweb Mystery

About this site

Built with

Framework

  • Next.js

    Static site generation

  • React

    Component rendering

  • TypeScript

    Typed JavaScript

Hosting

  • Cloudflare Workers

    Serves the site

Interface

  • shadcn/ui

    Accessible component primitives

  • Tailwind CSS

    Styling through semantic tokens

  • DESIGN.md

    Google Labs design token standard

  • Custom components

    Archive and wiki layouts built for this site

Design

Design System & Token Architecture (DESIGN.md)

The application strictly enforces design tokens defined in DESIGN.md. Color distribution, typography scales, corner radii, and spacing follow a strict 60-30-10 ratio matching Rockstar Games' Red Dead Redemption II in-game UI aesthetics.

60% Dominant Base#121212 Base • #1A1A1A Card
30% Secondary Copy#F5F0E8 Text • #B8B8B8 Copy
10% Brand Accent#CB0000 Primary Red

Typography Specification

  • Chinese Rocks

    Display and section headings

  • Geist

    Body copy and interface labels

  • JetBrains Mono

    Code and technical values