// Index
01 Color
02 Type
03 Components
04 Effects
05 Voice
// Rising Company
Design System
Machine-readable spec —
design-system.rising.company/llms.txt
Color Tokens
22
Type Styles
10
Fonts
2
01
Color
// Backgrounds
Base
#0a0c10
COPY
page background
Surface
#0d1117
COPY
cards · panels
Surface Hover
#0f1520
COPY
interactive hover
Inset
#0a1410
COPY
badges · recessed
// Borders
Border Default
#1a2a20
COPY
cards · dividers
Border Hover
#2a4a38
COPY
card hover state
Border Subtle
#1a3020
COPY
badge borders
Grid Line
#111820
COPY
structural lines
// Text
Heading
#e8f4ff
COPY
titles · names
Body
#c8d8e8
COPY
primary body text
Muted
#84a89a
COPY
descriptions
Subtle
#6a8a7a
COPY
subtitles · meta
Label
#4a6a5c
COPY
section labels
Dim
#2a3a30
COPY
footers · lowest
// Accents
Primary (Mint)
#3af0a0
COPY
highlights · active
Secondary (Blue)
#2a7adf
COPY
gradient endpoint
Danger (Red)
#ff4a24
COPY
errors · destructive
Warning (Amber)
#f5b83d
COPY
caution states
// Derivatives
Primary @ 8%
#3af0a014
COPY
selected · active wash
Primary @ 25%
#3af0a040
COPY
corner brackets
Primary @ 31%
#3af0a050
COPY
tooltip borders
Gradient
mint → blue
COPY
card hover bar
// State Recipe — accent @ 8% wash · @ 31% border · full-strength text
SELECTED
ERROR
CAUTION
02
Typography
Eyebrow / System Label
// RV Power Systems
Share Tech Mono · 9-10px · ls: 3-4px · uppercase · accent color
Page Title
RV Diagrams
Rajdhani 700 · 36px · ls: 3px · uppercase · heading color
Section Heading
Battery Box Structure
Rajdhani 700 · 28px · ls: 2px · heading color
Card Title
Battery Box Structure
Rajdhani 700 · 20px · ls: 1px · heading color
Body Text
3D exploded view of the dual LiFePO4 battery bank — wood frame, foam padding, terminals, bus cables, and output leads.
Rajdhani 400 · 14px · lh: 1.55 · muted color
Stat Value
12V / 24V
Share Tech Mono · 16px · ls: 1px · accent color
Subtitle / Description
Interactive 3D component maps — open in any browser
Share Tech Mono · 12px · ls: 2px · subtle color
03
Components
// Card — hover to reveal gradient bar & arrow
// Power · Storage
Battery Box Structure
3D exploded view of the dual LiFePO4 battery bank — wood frame, foam padding, terminals.
12V / 24V
LiFePO4
2x 100Ah
→
// Electrical · Charging
Shore Power Inlet
30A shore power connection with transfer switch and converter wiring diagram.
120V AC
30A
→
// Stats Panel · Tooltip · Badges
System Voltage
12V / 24V
Battery Type
LiFePO₄
Components
7 PARTS
Terminal (+) Bat1
// Brass/Copper
Positive terminal — Battery #1. Output (+) lead exits here.
12V / 24V
LiFePO4
2x 100Ah
Parallel
2 AWG Red
// HUD Overlay — full-viewport chrome for diagram pages
// RV Power Systems
BATTERY BOX
STRUCTURE
// Exploded view · Hover to inspect
Voltage
12V
Capacity
200Ah
// Materials
Active Component
Wiring Path
DRAG
— Rotate
SCROLL
— Zoom
HOVER
— Inspect
04
Effects & Interaction
Scanlines
Fixed overlay on every page — rgba(0,0,0,0.04) lines, 4px rhythm. Shown exaggerated.
Corner Brackets
32px L-borders at viewport corners — #3af0a040, 16px inset.
Hover Gradient
2px mint → blue bar at card top — opacity 0 → 1 on hover.
// Interaction States
Focus Ring
Tab to me
:focus-visible — 1px mint outline, 3px offset. Keyboard only, never on click.
Selection
Select this text — highlighted in mint with base-dark type. Every copy action carries the brand.
::selection — background #3af0a0, color #0a0c10.
Load Reveal
Sections rise 8px and fade in, 90ms stagger — the page boots like an instrument panel.
0.6s ease · respects prefers-reduced-motion.
05
Voice & Tone
// Prefix
Slash-slash marks system commentary — framing, not content.
// RV Power Systems
Case Rules
UPPERCASE for eyebrows, labels, page titles, stat labels. Normal case for titles, body, tooltips.
Separators
Em dash joins — middle dot separates.
SYSTEM A · SYSTEM B
Copy Style
Terse technical fragments, not sentences. No exclamation marks. No emoji. No casual language.