10. Typography
Typography System
Three typefaces that balance authority, readability, and atmosphere-each font carries narrative purpose
Cinzel Display
The Generals of Kaladan
H1 - 60px / Bold
Strategy Meets Destiny
H2 - 36px / Semibold
Epic moments demand epic typography. Cinzel brings gravitas and timeless elegance to our most important messaging.
Paragraph - 18px / Regular
Usage Rules
- • Use for headlines, page titles, and dramatic emphasis
- • Excellent for hero sections and major announcements
- • Pairs perfectly with UM Grafton for body text
- • Avoid for long-form reading or small UI elements
Acceptable Sizes
✓ Do
- • Use for impactful headlines
- • Keep line length reasonable
- • Leverage weight variations
✗ Don't
- • Use below 18px
- • Set long paragraphs
- • Use for UI labels
UM Grafton
In the shadowed halls of Kaladan, where generals plot and kingdoms rise and fall, every word carries weight. UM Grafton delivers clarity and readability while maintaining the atmospheric tone of our world. Its clean lines and balanced letterforms ensure your strategic plans are communicated with precision.
This typeface excels in body copy, allowing readers to immerse themselves in lore, mechanics, and narrative without distraction. It's the workhorse of our typography system-reliable, elegant, and always on-brand.
Paragraph blocks - 16px / Regular, line-height 1.6
Button Label
Preorder Now
Navigation
World Map
Form Label
Email Address
Card Title
Realm of Ash
Usage Rules
- • Primary typeface for all body copy and paragraph text
- • Ideal for UI elements, labels, buttons, and navigation
- • Use Regular weight for body, Medium for emphasis, Semibold for UI
- • Maintains readability at small sizes (down to 12px)
Acceptable Sizes
✓ Do
- • Use for extended reading
- • Set with 1.5-1.6 line height
- • Leverage for UI consistency
✗ Don't
- • Use for main headlines
- • Set too tight (below 1.4 line height)
- • Mix multiple weights in body text
IM Fell English
"By star and steel, your names are etched in the annals of time. Let no general be forgotten."
Accent quote - 24px / Italic
Ancient Runes of Power:
Decorative rune representation
This classical typeface carries the weight of history and lore. Use it sparingly for maximum impact- in pull quotes, dramatic moments, or to signal ancient wisdom passed down through generations.
Usage Rules
- • Use for atmospheric quotes, lore snippets, and narrative accents
- • Perfect for pull quotes and chapter headings in rulebooks
- • Italic variant adds emphasis and drama
- • Reserve for special moments-overuse diminishes impact
Acceptable Sizes
✓ Do
- • Use for dramatic emphasis
- • Set quotes and lore text
- • Pair with generous leading
✗ Don't
- • Use for body text
- • Set below 18px
- • Overuse throughout layouts
Type Hierarchy
Aa
Aa
Aa
Aa
Aa
Aa