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
SRD Background cardSRD Background