Echo System Ticket

Craft

npx shadcn add https://try.pungrumpy.com/r/echo-system-ticket.json

A ritual access ticket with cinematic imagery, layered typography, and tactile motion. The composition mixes strict grid logic with soft distortion to sell the idea of a controlled, ceremonial entry.

Abstract dark mood
0186

ECHO
ARCH

Ritual

Silence protocol engaged. Entry granted to the signal chamber. All devices off. Speak only when prompted. Observe the interval.

AUTHORIZED PASS
SEQUENCE #007
ADMIT ONE
8902 1104 2293
System Failure Protocol // Admit One

How It Works

The ticket is structured into a main panel and a stub, with motion used only to add presence:

  1. Hero image window — A cropped, full-bleed image sets the tone, anchored by a rounded frame and subtle foreground markers.
  2. Tilt and parallax — The card responds to pointer position with a restrained 3D tilt, keeping the interaction deliberate instead of playful.
  3. Ambient layers — Low-contrast scribbles and a soft backdrop pulse add depth without distracting from the typography.

Usage

Install the ticket component and include the generated CSS in your base styles. Apply the dark class on the root element to toggle dark mode. All components inherit tokens automatically, maintaining visual consistency across your application.

Was this helpful?