◆ For UI / Tech Artists

Handoff Kit

Every screen, panel, glyph, color and token in the Golden Frost mockup — exportable. Grab a full-page capture for Photoshop comps, a glyph as SVG for Unreal UMG, or hit Download Full Kit for the whole thing in one zip.

▦ Component Gallery →◂ Back

Screens

(07)

Full live previews. Each capture button rasterizes the iframe to a transparent-background PNG so you can paint over it in Photoshop or pin it on a Miro board for your Unreal team.

Loading preview…

HUD

/hud

Compass rose minimap, faction crest subtitle, objective panel.

↗ Open
Loading preview…

Map

/map

Static cartography lines, compass, waypoint wax seal.

↗ Open
Loading preview…

Quests

/quests

Tracked-quest wax seal + hand-ruled gold dividers.

↗ Open
Loading preview…

Character

/character

Stat block, rarity rune rings, equipped slot seals.

↗ Open
Loading preview…

Inventory

/codex?tab=inventory

Slot grid, rarity tiers, wax seal on equipped slot.

↗ Open
Loading preview…

Codex

/codex

Lore entry, section headers, sigil headers.

↗ Open
Loading preview…

Pause

/pause

Cathedral sigil watermark + menu chrome.

↗ Open

Glyphs & Sigils

(10)

Mira Sigil

Ally · #F4A8B4

Vox Sigil

Enemy · #C4654A

Reader Sigil

Self · #F4D77A

Cathedral Sigil

Faction · #D4AF37

Drownmoor Sigil

Region · #3BA3D4

Hunters Seal

Guild · #D4AF37

N

Compass Rose

World · #D4AF37

Wax Seal

Tracked · #C4654A

Rarity Rune

Item · #D4AF37

Frame Ticks

Chrome · #D4AF37

Color Tokens

(13)

Typography

(03)

Display

Golden Frost

Cormorant Garamond · 700 · tracking 0.18em

Label

◆ OBJECTIVE

JetBrains Mono · 700 · tracking 0.40em

In-world voice

“The bells haven’t rung in nine winters.”

Cormorant Garamond · 400 italic

Token Exports

(04)

Full Kit & Pipeline Notes

(01)

All glyphs (SVG + PNG @2×) · all tokens · README · screen captures optional

◆ How to use this in Unreal / Photoshop

  1. Vector: drop SVGs into Unreal's SVG-to-Slate importer for crisp UMG at any DPI.
  2. Raster: transparent PNGs @ 512px slot straight into PSD comp boards.
  3. Tokens: import tokens.flat.json as an Unreal DataTable, or paste tokens.css into your stylesheet.
  4. Palette: load palette.ase into the Photoshop swatch panel for one-click color picking.
  5. Screens: grab any page as a 1920×1080 (or 2× = 4K) PNG to paint over or pin to a reference board.