Components
Warcraft Stories
Headers
Homepage · rotating artwork
Stories of Azeroth
The people, places and choices that shaped Warcraft. Follow their stories from the opening of the Dark Portal to the fall of the Lich King.
Explore the chroniclesCharacter · full-width artwork
Arthas Menethil
Prince of Lordaeron, paladin, death knight, and eventually the Lich King.
Dungeon · full-width artwork
The Deadmines
Westfall · Eastern Kingdoms
Landing navigation
Characters
Follow Arthas, Tirion and the people whose paths cross theirs.
Places
Explore the lands where their stories unfold.
Dungeons & raids
Meet the figures and factions behind each stronghold.
A prince. A fallen kingdom.
Begin with Arthas Menethil: from Lordaeron’s heir to the throne of Icecrown. Follow Frostmourne, the people he lost, and those who stood against him.
Read storyBooks & reading
Books
Related reading
Chapter connections
Characters
Places
World topics
Cosmology
The forces and realms beyond the mortal world: Light and Void, Order and Disorder, Life and Death.
The Great Dark Beyond · Twisting Nether · Emerald Dream
Portrait cards
Use this component
import { PortraitCard } from "@/components/ui/LoreUI";
<PortraitCard
variant="gilded"
name="Human"
image="/assets/races/human.png"
emblem="/assets/races/alliance-logo.png"
href="/races/race-human"
/>Variants: gilded, silhouette, medallion, stone. Use onClick instead of href for an in-page action.
Full-art cards
Generated dragon frame
Elite cards II
Race tiles
Faction emblems
Alliance
Horde
Alliance & Horde
Typography
The story follows the people, places and choices that shaped Azeroth.
Sources and supporting notesFont files
Quadrata: /assets/chronicle/quadrata.woff2
Open Sans: /assets/chronicle/open-sans.woff
Both are defined once in the application stylesheet.
Colors & surfaces
Navigation icons
Frames & dividers
