# INVION Cosmic Design System

Deep Space / Stellar White

Color System
Core Semantic Palette
PRIMARY
Cosmic Violet
#6c5ce7 / #a29bfe
ACCENT
Nebula Cyan
#00cec9 / #55efc4
ACCENT
Stellar Pink
#fd79a8
SUCCESS
Aurora Green
#00b894 / #55efc4
ERROR
Supernova Red
#ff4757 / #ff6b6b
WARNING
Solar Amber
#fdcb6e / #ffeaa7
BG
Background
Space / White
SURFACE
Surface
Card layer
TEXT
Foreground
Primary text
Border
Stardust line
Interactive
Buttons & Badges
Deployed Online Standby Offline Syncing Connected New
Form
Input Fields
Username
Email
Password
Search
Surfaces
Card Variants
Standard
Default card surface. Clean border with subtle elevation on hover.
Glass
Glassmorphism with backdrop blur. Cosmic transparency for overlays.
Glow
Subtle cosmic glow. For featured or highlighted content.
Gradient
Nebula gradient surface. For premium or interactive sections.
Data
Table & Statistics
1,247
Total Devices
98.5%
Uptime
342
Active Sessions
12ms
Avg Latency

Device | Serial | Manufacturer | Model | Region | Status
--- | --- | --- | --- | --- | ---
DTG-001 | 0004 | LOOP | LDT400BS | Seoul | Active
DTG-002 | 0001 | LOOP | LDT400BS | Busan | Standby
DTG-003 | 0003 | LOOP | LDT400BS | Incheon | Installing
DTG-004 | 0005 | LOOP | LDT400BS | Daegu | Offline
DTG-005 | 0007 | LOOP | LDT500BS | Jeju | Syncing

Visualization
Chart Palette
Nebula Purple — 92%
Aurora Green — 78%
Stellar Blue — 85%
Cosmic Pink — 64%
Solar Gold — 71%
Authentication
Login Page
INVION
Welcome to the cosmos
User ID
Password
Layout
Sidebar + Content
DTG Management
4 devices registered
4
Registered
3
Installed
0
Maintenance
0
Decommissioned

Code | Serial | Model | Status
--- | --- | --- | ---
DTG-001 | 0004 | LDT400BS | Active
DTG-002 | 0001 | LDT400BS | Standby
DTG-003 | 0003 | LDT400BS | Installing