# Veza Design System | Hub

TERMINAL_LINK_ESTABLISHED
LOADING_NEURAL_MODULES...
WELCOME_USER
VEZA System v5.0
SYSTEM: ONLINE

# COMMAND CENTER

System v5.0 // Operational // Connected

`⌘K`
System Status
OPTIMAL
Active Modules
10 / 12
Security
SECURE
Session Uptime
00:42:15

## Installed Modules

Core

### Nexus Profile

User identity, stats integration, and personalized dashboards.

Live

### Social Feed

Activity streams, chat channels, and interactive stories.

Pro

### Creator Studio

Content management, analytics, and asset uploading.

### Marketplace

Digital asset store, holographic cards, and checkout.

Fun

### Gaming & XP

Leaderboards, achievements, and quest tracking systems.

### Hardware

Physical gear formatting, specs, and warranty panels.

Dev

### Developer API

API documentation, code snippets, and keys management.

Sec

### Admin Dashboard

System moderation, logs, and user management.

### Productivity

Kanban workflows, calendars, and task tracking.

### Education

Learning paths, skill trees, and course modules.

## 01 / Foundations

## Colors Limited

The core palette defining the Neon Ronin identity.

#06b6d4
Cyan 500 --color-cyan-500
#d946ef
Magenta 500 --color-magenta-500
#84cc16
Lime 500 --color-lime-500
#030712
Void 950 --color-void-950
#f9fafb
Void 50 --color-void-50

## Typography

Type hierarchy and font stacks.

Display // Bebas Neue

# NEON RONIN
DESIGN SYSTEM

Sans // Inter

The quick brown fox jumps over the lazy dog. A clean, geometric sans-serif optimized for UI legibility and readability at all sizes.

Mono // JetBrains Mono

const system = init();
// System ready state 100%
console.log("Hello World");

## Utilities

Helper classes for rapid UI development.

#### Spacing

- .p-4 (padding)
- .m-4 (margin)
- .gap-4 (flex/grid gap)

#### Layout

- .flex / .grid
- .hidden / .block
- .absolute / .relative

#### Text

- .text-sm / .text-xl
- .text-center
- .font-bold

#### Color

- .text-cyan-500
- .bg-void-900
- .border-void-200

## 02 / Components

## Buttons

Interactive triggers for actions and navigation.

VARIANTS

## Badges

Status indicators and metadata tags.

#### Status

Update New Online Beta Offline

#### Technical

GET POST DELETE WARRANTY

## Inputs

Data collection elements and toggles.

Username
Password
Notifications
Dark Mode

## Cards

Container components for grouping content.

### Standard Card

A basic container with subtle borders and refined padding. Good for generic content.

### Ronin Card

Features angular clipped corners and a gradient accent on hover. Ideal for features.

### Holo Card

Interactive glass effect with scanning light animation. Use for special items.

## 03 / Patterns

## Data Tables

User | Role | Status | Last Active | Action
--- | --- | --- | --- | ---
Cyber_Ronin | Admin | Online | Now |
Neon_Drifter | User | Busy | 2m ago |
Tech_Priest | Mod | Offline | 1d ago |

## Feedback

System Update: Version 5.0 installed successfully.
Warning: Firewall integrity at 45%.
`ESC`
Quick Links
Nexus Profile
Template
Social Feed
Template
Marketplace
Template
Creator Studio
Template
Admin & Moderation
Template
Hardware Gear
Template
Developer API
Template
Gaming & XP
Template
Productivity
Template
Education
Template

### Operation Successful

You have successfully triggered the modal. This component can be used for confirmations, forms, or critical alerts.