UI Art

GLOBAL → TEXT ROLE → COMPONENT

Typography

Use one family across the theme or assign different families to headings, paragraphs, captions and buttons. Values below use CSS pixels, unitless line height and pixel letter spacing.

Headings inherit the Heading role before their H1–H6 overrides. Component overrides have the final say. Font files travel with the theme.

SEMANTIC COLOR TOKENS

Color palette

Change a token once to update every component that references it. Text stays separate from artwork.

COLOR + OPTIONAL TEXTURE + RASTER FRAME

Backgrounds & surfaces

The page outside Mara Vale uses Page. The inside of its card uses Panel, unless Player card overrides it. The portrait and inset fields use Inset. A texture sits above the fallback color and below the frame.

No texture means a solid color. Material tiles use the active theme atlas. Opaque artwork can cover the background beneath it; inspect the combined result.

BOUND TO THE DESIGN COMPONENT CATALOG

Component styles

202 PARTS / 18 SPRITESHEETS

Raster clusters

Each family contains its own parts and size variants. Generated drafts are shown when available; neutral fallback is labeled.

Design component coverage

The component register is checked against Design 0.18.0. Geometry and generated-image approval are reviewed separately.

PORTABLE FILES, KEPT WITH THIS THEME

Fonts & media library

Cinzel and Source Sans 3 are bundled with their OFL licenses. Add font files, background textures or audio; imports stay in this browser account until exported.

20 MiB per file, 64 MiB combined imports. System fonts are optional fallbacks; bundled or imported fonts provide matching files for other modules.

EVENT-BOUND AUDIO

Sound cues

Assign imported audio to UI events. Unassigned means silent. Preview playback is explicit; the dummy has its own Enable theme audio switch.

UI MOTION & FEEDBACK

Visual effects

Configure glow, press feedback and transitions. These are reproducible UI effects, not generated VFX artwork. All previews respect the system reduced-motion preference.

ONE PACKAGE, SHARED BY MODULES

Theme contract

Complete exports include theme.json, font files and licenses, imported media, palette, typography, surfaces, component overrides, sound bindings and effect parameters alongside the atlas manifest and all raster parts.

Settings exports contain settings and media only. A complete restyled package requires every raster draft to be approved on the Restyle page.

The settings hierarchy follows WordPress Global Styles; the game schema also describes atlas backgrounds, audio and effects.