Quartz 4

guild-visual-direction

2 min read

Guild Visual Direction

Aesthetic

Cassette futurism meets 80s sword & sorcery — the intersection of early D&D module art, DOS-era game packaging, and analog computing culture. “What if your Guild membership was a DOS program on a cassette tape from a game shop in 1987.”

Reference terms: cassette futurism, dungeon zine, early PC game manual, sword & sorcery module art.

Visual Traits

  • 1-2 color printing feel — limited palettes like royal blue + yellow, red + black, purple + white (print budget constraints as aesthetic)
  • Pen-and-ink illustration style — cross-hatching, woodcut-style fantasy art
  • Monospaced or early bitmap typography for UI elements, mixed with bold serif or blackletter display type for headings
  • Physical media textures — cassette tape labels, floppy disk sleeves, module booklets, zine layouts
  • High contrast, hard borders — no rounded corners, no gradients, no soft shadows
  • Dense “printed manual” layouts — system requirements boxes, stat blocks, technical specs as decoration
  • CRT / terminal energy — amber/green phosphor text, chunky interfaces, blinking cursors

What This Is NOT

  • Not generic neobrutalism (rave flyer, Figma startup)
  • Not cyber Y2K (neon, anime poster, vaporwave)
  • Not modern minimalism (clean white space, thin fonts)
  • Not the storefront aesthetic (“Indie Publisher” with Playfair Display and burnt orange)

How It Applies

SurfaceApplication
Signup pageTier cards as “module covers” or “cassette inserts,” monospace details
KioskTerminal-style interface, big chunky type, CRT scan lines
Member portalCharacter sheet layout, stat-block style point display
Membership tiersBronze/Silver/Gold/Mithril presented like game manual entries
NFC cardsPhysical cards designed as cassette tape labels or module covers

Tech Stack for Implementation

  • Tailwind CSS v4 — consistent with Medusa storefront
  • shadcn/ui — Radix primitives, Payload-supported, copy-paste components
  • Custom Tailwind theme — fonts, colors, borders to match the aesthetic (no pre-built theme library captures this specific vibe)

Relationship to Storefront

The storefront (Solace/Medusa at dungeonbooks.com) has its own “Indie Publisher” aesthetic — warm, curated, Playfair Display + burnt orange. The Guild (dungeon.club) is a distinct brand with its own identity. They share a Tailwind foundation but different themes.

Graph View

Backlinks