RPG Rush — Brand Guide

Use this page as a single source of truth for colors, type, spacing, and reusable patterns. The tokens below mirror the ornate gold‑trimmed card style in your designs.

Colors

Primary UI palette and card accent colors.

Navy Base 900

#0D141C

Navy Base 850

#0F1821

Navy Base 800

#121B26

Navy Base 700

#182433

Gold

#C8A86E

Crimson (Attack)

#C24C3D

Azure (Magic)

#2C6FA3

Teal (Defence)

#2CA39A

Parchment Light

#E9E4D7

Typography

Display / Titles

Cinzel 700 — Card Title

Cinzel 600 — Section Heading

Body / Labels

Inter Regular — Body copy and rules text.

Inter Semibold — Emphasis

Frames & Ornaments

Ornate Frame

Use on panels, cards and important sections.

Thin Frame

Use for insets and secondary panels.

Use subtle rune backgrounds (bg-runes) sparingly for premium sections only.

Component Tokens

Buttons

Counters

Use distinct shapes & icons for accessibility: diamond (Attack), circle (Mana), hex (Shield).

Cards

Accent swap by type — red / blue / teal.
Rounded corners 16–20px, inner border gold 2px.
Icon well: perfect circle for easy masking.

Usage Examples

Panel Example

Apply .frame + .runes to match the card backs.