navigation assets

Hall doors

Each major section needs its own door: not just an icon, but a visual promise of what happens after the click.

Make navigation intuitive: Cards, Castings, Sky, Dreams, Account, Shop, and Trust should differ instantly.

Where used

  • /halls
  • Home: three main doors
  • Search and method recommendation

Visual direction

  • Tarot: carved door with 78 thin plates and a golden sun.
  • Lenormand: door with letter, key, ship, and small house.
  • I Ching: bronze gate with trigrams and still water.
  • Runes: stone arch with northern light and carved staves.
  • Dreambook: door with soft mist, mirror, and stair into night.

Technical specs

  • Door cards: 1200×900 px, WebP, unified perspective.
  • Door icons: 512×512 px, SVG or transparent PNG.
  • Do not place text inside images: HTML handles labels.

base prompt

Text for generation or designer

Set of seven medieval mystical doors for an oracle website, consistent premium style, dark stone, brass, amber glow, each door with clear symbolic ornament: tarot cards, Lenormand letter and key, I Ching trigrams, runes, moon and stars, dream mirror, scroll shop, no text, no horror, coherent collection, clean mobile readable silhouettes

Accessibility

  • Each door gets alt text with method and action: 'Open Tarot hall'.
  • Door color must not be the only category cue.

Quality checklist

  • All doors feel like one house, not different sites.
  • Doors remain distinct at mobile card size.
  • No religious or cultural caricature.

related doors

Where to go next