Witchcore
RitualPaletteTypographyGrimoire
StyleKit →
巫术核心

Witchcore

The Ritual Interface

Ancient runes whisper in gold. Stardust settles on midnight surfaces. Every element is a ceremony — every interaction, a sacred rite drawn from tarot, alchemy, and natural magic.

XXII

Major Arcana

5

Sacred Colors

VII

Design Laws

Sacred Elements

Component Ritual

Each element is forged in the same dark fire. Buttons invoke. Cards reveal. Inputs inscribe.

Borders at 50% opacity — hover transitions to full gold glow. duration-700 for ceremonial weight.

Mystical Hues

The Sacred Palette

Five colors drawn from the astral plane — each with a role in the ritual hierarchy.

Primary

Mystic Purple

#4a1942

The deep heart of every ritual

Secondary

Midnight Black

#0d0b14

Void where all magic originates

Accent

Ritual Gold

#c9a74e

Runes, borders, and sacred text

Tertiary

Amethyst

#7b68ae

Connecting the earthly and divine

Natural

Herb Green

#3d8b6e

The green world of hedge witchcraft

The full spectrum of the ritual

Sacred Script

Typography System

Serif italic for display and ceremony. Tracked uppercase for labels. Every weight choice is deliberate and reverent.

Ritual Invocation

The Veil Grows Thin

Display — 60px, serif italic, gold glow

Chapter Heading

Speak, Ancient Names

H2 — 36px, serif italic, medium glow

Section Label

Mystical Provenance

H3 — 20px, serif, amethyst glow

Body Inscription

The words are written in gold upon the page of night. Each letter a small flame held against the dark.

Body — 16px, serif, gold at 70% opacity

Sacred Caption

Arcane Provenance — Chapter IV

Caption — 12px, tracked uppercase, amethyst

Tight display tracking

The Veil Grows Thin

tracking-tight — authority and presence at large display size

Wide rune tracking

Sacred Provenance — Chapter IV

tracking-[0.35em] — creates ceremonial rhythm in labels

The Major Arcana

Tarot Arcana

Cards as design elements — dark glass surfaces bearing symbols of fate, each interaction felt as a turn of the deck.

XVIII

The Moon

Illusion & Intuition

XVIII — Major Arcana

The Moon

Illusion & Intuition

Hidden truths lurk beneath silver light. The unconscious mind speaks in symbols the waking eye cannot read. Trust what stirs beneath the surface.

The Sacred Laws

Design Principles

Laws carved into the foundation of the craft. Follow them with reverence — deviation breaks the ritual.

Embrace

  • 01Deep purple-to-black gradients as all background layers
  • 02Gold rune text with subtle text-shadow glow at 40% opacity
  • 03Semi-transparent gold borders at 30% — 60% on hover
  • 04Card backgrounds using midnight black at 80% with backdrop-blur-sm
  • 05Radial stardust gradients scattered throughout hero and section backgrounds
  • 06Font-serif italic for all mystical headings and display text
  • 07Moon, star, pentagram, and eye SVG motifs as ambient decoration
  • 08Slow transitions at duration-700 for ceremonial, weighty interactions

Avoid

  • 01Never use light or white backgrounds — the ritual demands darkness
  • 02Never use Comic Sans, Papyrus, or any playful decorative fonts
  • 03Never use candy colors: no pink, orange, lime, or bright hues
  • 04Never use fast animations or bouncing transitions (duration under 400ms)
  • 05Never use hard edges or flat shadows without glow
  • 06Never center-align body text in long-form content blocks

“Darkness is not the absence of light — it is the presence of depth. Every interface built in night becomes a mirror for what the user carries within.”

— The Witchcore Grimoire, Chapter I

Ancient Manuscript

The Design Grimoire

Four chapters of foundational law — the written record of every principle that governs this system of mystical interface design.

I

Chapter

I

The Opening Rite

Begin every interface with darkness. The void is not empty — it is the canvas upon which all sacred light becomes visible. Light text on dark surfaces is not a style choice; it is a cosmological truth.

II

Chapter

II

The Law of Gold

Ritual gold #c9a74e shall appear where the eye must rest and the hand must reach. Borders, headings, and interactive elements carry this sacred hue. Its glow is never garish — always restrained, as candlelight in a stone chamber.

III

Chapter

III

The Doctrine of Slowness

Ceremony cannot be rushed. All transitions shall span no less than five hundred milliseconds. Seven hundred is preferred. The user must feel the weight of each interaction — as one feels the turning of a page in an ancient manuscript.

IV

Chapter

IV

The Amethyst Bridge

Amethyst #7b68ae connects the earthly interface with the mystical. It appears in secondary elements, supporting text, and decorative accents. It softens where gold commands, whispers where gold speaks.

Witchcore

巫术核心 — Mystical Interface Design

Part of StyleKit — a living collection of design systems

DocsAll StylesHome

“Every ending is a new circle cast.”