Wine-dark hall
Use flat wine-dark ink or the hall radial. Keep edges and recesses red-black.
Royals & Rogues · Secondary design system
Garnet Night System
An alternative Royals & Rogues system for night, candlelight, secrecy, private deals, covert action, and Rogue-centered Scenes. It contrasts with the primary royal-green system without changing the game's structure.
StatusSecondary alternative
Primary contextsNight and secrecy
Primary groundWine-dark ink
Primary actionGarnet
MetalsGold and argent
GreenTable felt only
01 · Purpose
When to use this system
The Garnet Night system is a secondary theme. The primary green system remains the default Royals & Rogues reference. Select the alternative when the Scene or mode is explicitly associated with night, candlelight, secrecy, covert activity, or Rogue-led play.
| Dimension | Royal-green system | Garnet Night system |
|---|---|---|
| Primary association | Royal order, established play, public strategy, and the visible table | Night, secrecy, private agreements, covert movement, and Rogue-centered action |
| Ground | Green-black ink | Wine-dark ink over a red-black void |
| Primary action | Emerald | Garnet, the heraldic gules |
| Green | Structural and actionable | Restricted to table felt, Round timing, and heraldic vert |
| Metal | Antique gold | Antique gold plus argent for steel and Counter states |
| Typography | EB Garamond and Avenir | Same base, with optional Renaissance manuscript features |
| Game rules | Canonical game structure | Unchanged |
02 · Color
Candle-lit palette
Wine-dark grounds replace the royal greens. Garnet becomes primary action. Gold and parchment remain shared with the primary system; argent is added as a second metal.
Core palette
Red-black void
#080304Wine-dark ink
#140A0DOxblood
#4D151BWine
#7A262CGarnet
#A83A3FAntique gold
#E8B24ABright gold
#FFD981Parchment cream
#F7ECCBMuted stone
#A99E88Garnet, metal, and heraldic extensions
Garnet hover
#BF4A50Garnet bright
#D9787CEmber
#E8503CGold deep
#8A6420Argent
#AEB6C2Argent bright
#D6DCE4Azure
#4C7FB8Azure bright
#7FB0DFAmethyst
#7B5BB5Amethyst bright
#A98FE0Copper
#B96A35Copper bright
#E29A62Heritage greens: felt only
Felt ink
#07110FPine
#0A3D30Malachite
#0E634FEmerald
#159271Emerald hover
#1CAE87Jade
#3CC79CFixed feedback meanings
Error
#E14B4BWarning
#F5C542Complete
#2FD98ASemantic separation: garnet is action, atmosphere, and heraldic gules. Error remains hot vermilion
#E14B4B. Do not use garnet as an error token or use the error color for normal actions.03 · Light and atmosphere
Night, candlelight, and secrecy
The visual environment is a candle-lit game hall rather than a uniformly red interface. Dark surfaces carry most of the composition; warm light marks only the active object, decision, or disclosure.
One focal glow
Use one gold or garnet glow per composition. Emerald glow is permitted only at the poker table.
Controlled disclosure
Use recessed wells, occlusion, and staged information layers. Do not reduce legibility or hide required state.
Gold and argent
Gold registers objects and structure. Argent identifies steel, parry, and Counter contexts.
Allowed backgrounds
Flat wine-dark ink, the wine-and-garnet hall radial, or the heritage-green table-felt radial.
Not used
Pure white, decorative gradients, photography washes, multiple glows, glassmorphism, bright ambient animation, or green action controls.
04 · Typography
Base type and manuscript layer
The base typography is the same as the primary system. The alternative adds optional Renaissance features for chapter openings, long rules passages, ceremonies, and historical material.
DisplayEB Garamond
Deal after dark.
InterfaceAvenir
Use Avenir for controls, labels, navigation, rules UI, metadata, and compact instructions.
CompatibilityGoudy Heavyface
Loaded for shared Kiduna compatibility and legacy use.
Illuminated opening
Use at most one per chapter or long rules composition. A gilded variant places the initial inside an oxblood well.
Renaissance subheads
True small caps support chapter labels, running heads, and serif eyebrows.
Old-style numerals
Use old-style figures in prose. Stats, counts, and ordinals remain lining figures.
Ceremonial display
Discretionary ligatures are opt-in for display text and are not used in interface labels.
Gold fleuron
Use a single fleuron between gold hairlines for section boundaries in manuscript contexts.
One garnet phrase
Use one upright garnet display phrase per headline. Do not italicize it or add a second phrase.
05 · Materials and movement
Quiet-enamel behavior
The material system remains compatible with the primary theme. Its inputs change from green-black and emerald to wine-dark and garnet.
| Category | Definition | Alternative treatment |
|---|---|---|
| Enamel surface | Opaque panel with a double gold rim | Wine-ink surface and red-black outer separation. |
| Enamel medallion | Circular registered object | Garnet is the default hue; Court colors may replace it. |
| Champlevé | Recessed content well | Red-black depth with restrained gold edge. |
| Rule | Fine cloison hairline | Antique gold; argent only for a defined steel context. |
| Spacing | 4 px grid | Unchanged from the primary system. |
| Radii | 4 px controls, 14 px panels, 18 px playing cards | Unchanged from the primary system. |
| Motion | 160 ms quick and 420 ms settle | Fades and small settles. No bounce, spin, or ambient movement. |
06 · Components
Alternative component set
The package contains the same 15 component types as the primary system, implemented with the candle-lit semantic tokens.
Button
Garnet primary, antique-gold ceremonial, outlined ghost, and hot-vermilion danger variants.
Badge
Compact status or kind label using semantic tone.
StatBlock
Zero-padded ordinal, display numeral, and short label.
Tag
Metadata label with a visible provisional editorial state.
Checkbox
Square control with garnet action and a gold rim.
Input
Wine-dark recessed field with label, hint, and gold focus rim.
Select
Dropdown matching the Input treatment with a gold indicator.
Switch
Garnet on-state, gold rim, and parchment thumb.
AssetTile
Catalog tile with image or monogram fallback and gold hover rim.
EnamelMedallion
Class, Court, or deck monogram; garnet is the default object hue.
PokerCard
5:7 card; green remains available inside the table context.
TimingBadge
Setup, Round, Showdown, and Counter window treatment.
Dialog
Wine-enamel modal over a red-black void scrim.
Panel
Gold-rimmed opaque enamel content surface.
Tabs
Layer switcher with a gold active underline.
07 · Game semantics
Courts, timing, and feedback
Game structure does not change. Only the environmental palette and selected semantic mappings differ.
| Object | Meaning | Color |
|---|---|---|
| King | Wealth | Antique gold |
| Queen | Intellect | Bright amethyst |
| Jack | Skill | Bright azure |
| Joker | Craftiness | Bright copper |
| Setup | Plot | Bright azure |
| Round | Strike | Jade from the table felt |
| Counter | Answer / parry | Bright argent |
| Showdown | Reveal | Bright gold |
Classes, deck identities, timing rules, table states, card dimensions, catalog structure, and editorial provenance rules remain the same as the primary Royals & Rogues system.
08 · Transitions
Moving between the two systems
A theme transition must preserve orientation and meaning. The interface should change environmental treatment without changing component placement, labels, state, or controls.
Use an explicit context
Change themes because the Scene, location, time, secrecy state, or mode changes—not as arbitrary decoration.
Keep structure fixed
Preserve navigation position, identity, hierarchy, component dimensions, labels, focus, and active state.
Remap semantic tokens
Transition grounds, surfaces, action, glow, and metal treatment. Do not rebuild the interface.
Use a short settle
Crossfade environmental colors within the 420 ms settle duration. Respect reduced-motion settings.
| Role | Royal-green value | Garnet Night value |
|---|---|---|
| Deep ground | #030605 | #080304 |
| Page ground | #07110F | #140A0D |
| Surface | #0C1B17 | #1C0F13 |
| Raised surface | #112620 | #271419 |
| Primary action | #159271 | #A83A3F |
| Metal | #E8B24A | #E8B24A plus argent where defined |
| Primary text | #F7ECCB | #F7ECCB |
09 · Package
Files and download
The download is the complete alternate package supplied for this page. It includes tokens, components, guidelines, fonts, assets, the UI kit, and supporting source files.
Royals & Rogues Garnet Alternative
Secondary candle-lit design system. Directed redesign dated August 21, 2026.
ZIP939 KBComplete alternate package
Package contents
- styles.css entry point and four token files
- Nine core candle-lit colors, garnet ramp, two metals, heraldic colors, and heritage-green felt tokens
- Typography scale and Renaissance manuscript utilities
- Spacing, radius, shadow, enamel, champlevé, ground, glow, and motion definitions
- 15 React components with TypeScript declarations, prompt references, and preview cards
- Brand, color, typography, material, spacing, and elevation guideline cards
- Royals & Rogues wordmark asset
- Goudy Heavyface and Avenir font files
- Landing-page UI kit and static site preview
- Manifest, bundle, adherence configuration, thumbnail, source uploads, and package guidance
The included previews and UI kit hotlink the separate Royals & Rogues game-art library. The downloadable package contains the complete alternate design system but not the full game-art kit.