A mystical design system rooted in herbalism, moonlight, and the quiet power of nature. Where aged parchment meets celestial gold, and every element holds a secret.
Open the GrimoireTypography
medieval inscriptions, warm serifs, apothecary labels
Display / Cinzel Decorative
Ancient Wisdom
Heading / Cinzel
Materia Medica
Decorative / MedievalSharp
Herbalist's Journal Entries
Body / EB Garamond
An elegant old-style serif with excellent readability for long passages of herbal lore and grimoire entries.
Alt Body / Libre Baskerville
A warm, sturdy serif with classic proportions for scholarly notation and remedy descriptions.
Labels / Cormorant SC
Apothecary Labels & Navigation
Cinzel Decorative + EB Garamond
Ancient grimoire, inscribed and scholarly
Cinzel + Libre Baskerville
Carved stone meets classic bookwork
MedievalSharp + EB Garamond
Medieval manuscript, herbalist's journal
Color Palette
darkness, dried herbs, metallic gold, and moonstone silver
Components
grimoire cards, altar compositions, and aged-parchment containers
Celestial cycles dictate the rhythm of the interface. Waxing moons for growth phases, waning moons for release. Each phase shifts the palette toward warmer or cooler tones.
Celestial CycleHand-drawn herbs, mushrooms, ferns, and wildflowers serve as primary decorative elements. Thin strokes at low opacity create an etched, delicate quality.
Botanical SVGVintage label frames, ornate borders, and specimen-catalog typography give content areas an old-world medicinal feel. Each card is a labeled specimen jar.
Frame LabelGeometric crystal shapes and faceted forms serve as accents. Prismatic light refractions add subtle depth to cards, headers, and decorative fills throughout.
Geometry AccentTranslucent layered gradients drift across sections, creating atmosphere. Multiple radial gradients overlap at low opacity to simulate incense or morning fog.
Gradient LayerWarm radial gradients and soft amber glows simulate candlelight, creating focal points against dark backgrounds. The flicker animation breathes life into stillness.
Animation WarmthDesign Principles
contemplative enchantment, intentional mystery, sacred nature
Create intrigue and curiosity, not horror. The mood is contemplative enchantment, not fear. Every shadowed corner should invite exploration, every glow should promise discovery. The interface whispers; it never screams.
Use deep dark backgrounds as active design space, not mere absence. Let elements emerge from shadow the way candlelight reveals objects in a dim room. The void is not empty -- it breathes, it holds, it frames.
Every decorative element should reference the natural world -- plants, minerals, celestial bodies, the elements. The moon speaks of cycles, herbs of healing, crystals of clarity. Design with reverence for these connections.
Contrast the cool dark palette with warm golden glows and amber highlights for emotional warmth. Like a single candle in a stone chamber, warmth becomes precious when surrounded by darkness.
Visual Effects
atmosphere and texture, conjured without a single image asset
Radial gradient with a flicker animation creates the warm pulse of candlelight.
SVG noise filter applied as background-image adds tactile, aged surface texture.
Overlapping radial gradients in deep purple create shadowed, dimensional voids.
Drifting translucent gradients at low opacity simulate incense or morning mist.
Layered CSS borders and shapes form occult geometric patterns and sigils.
Animated gradient background-position shift creates a soft, silvered pulse.
Interactive Elements
belladonna, alchemical gold, herbal moss, spectral outline
By root and stem, by leaf and flower,— Traditional Herbalist's Verse
by moon that marks the witching hour,
what sleeps in soil shall rise to light —
the garden keeps its own at night.
Witchcore embraces the dark, moody palette of midnight forests and candlelit altars. Ground every layout in nightshade purples and cauldron blacks, accent with apothecary gold, and let the botanical line art whisper through the negative space.
Return to the Beginning