Style Guide

The brand, laid on the table

Gothic at the bones, cutting-edge at the surface. This is the living system every page of DND Cards is built from — tokens, type, and the surfaces in between.

Palette

Candlelight on velvet

A deep arcane night, lit by gold and bled with crimson. Every color is a CSS variable, so themes can reskin the whole portal.

Night#0a0612--color-dnd-night
Shadow#15102a--color-dnd-shadow
Velvet#1f1638--color-dnd-velvet
Arcane#3a2a66--color-dnd-arcane
Blood#8a0e1d--color-dnd-blood
Blood Hot#b8202f--color-dnd-blood-hot
Gold#d6b67a--color-dnd-gold
Gold Dim#8a7350--color-dnd-gold-dim
Parchment#f0e8d2--color-dnd-parchment
Parchment Dim#c9bca0--color-dnd-parchment-dim

Typography

Four voices, one tone

DisplayCormorant Garamond

The Grimoire is bound.

Card titlesCinzel

Vael, the Quiet Oath

Body / UIIBM Plex Sans

Lay your whole campaign on the table.

FlavorLora Italic

“Every debt is a door.”

Components

Buttons & surfaces

Pills & eyebrows
NecromancyLegendaryEyebrow label
Surface · card
Player

Background: Haunted One

Player OptionBackground
Skill ProficienciesChoose two from Arcana, Investigation, Religion, or Survival
LanguagesOne exotic language
EquipmentMonster hunter's pack and keepsake
FeatureHeart of Darkness

You survived something that should have ended you, and people can see it in your eyes.

SRD Background