JD Workshop Deliberately Strange — Variation 15

Guide route

How Deliberately Strange was built.

This variation is allowed to fail visually as long as it is labeled. Broken alignment, clashing palette, and odd hover states are not errors—they are declared system behavior.

Brief

Build JD Workshop variation 15 as a distinct static pilot. Use intentional noise, mismatched type, and broken-grid sections. Do not repeat prior sites. Preserve readability with proof labels and minimal motion budgets.

Truth rules

Real

Actual files, routes, logic, and verified parts of the pilot. No invented evidence is presented as fact.

Concept

Speculative ideas, imagined objects, and unbuilt systems. Kept separate and explicitly labeled.

Built demo

Working surfaces with limited scope, intended to be inspected rather than treated as a finished system.

Technical stack

  • Static HTML/CSS/JS pilot
  • Canvas noise field for glitch media; bounded tick budget
  • Proof labels as primary readability affordance, not polish
  • Reduced-motion path: stops animation and shows static tone
  • No horizontal overflow; responsive at 860px and 520px

Implementation choices

  • Strange hover states are explicit CSS classes, not incidental.
  • Proof cards retain readability through contrast and framing, even when visually misaligned.
  • Media is canvas-generated to avoid large rasters while still feeling non-template.
  • Routes include a working `/guide` and proof detail/panel interactions without inventing evidence.

Critique passes

  1. Pass 1: Confirm variation is distinct from prior sites by checking for broken-grid prose, mismatched type, clashing accent palette, and glitch-coded canvas.
  2. Pass 2: Verify reduced-motion behavior, proof labels remain legible, internal links are valid, and no false claims are presented as fact.
  3. Pass 3: Static verification across home and guide routes; responsive checks at desktop, tablet, and mobile widths.