- Design System
- Cyberpunk
NO_FUTURE_API
High Tech. Low Life. Neon gloom. Glitch artifacts.
01 // DATA_CONTAINERS
Neural Link
Direct interface connection established. Bandwidth: 100TB/s.
PRIORITY_ALPHA
System Threat
Intrusion detected in Sector 9. Countermeasures engaged.
>> SYS_MONITOR
CPU_CORE_0198%
RAM_USAGE42%
Activator Code:
css
1
2
3
.style-cyber-card {
@apply bg-black/80 border border-brand-primary/50 relative overflow-hidden backdrop-blur-sm shadow-[0_0_20px_rgba(var(--brand-primary-rgb),0.3)];
}
02 // EXECUTABLES
Activator Code:
css
1
2
3
.style-cyber-btn {
@apply relative px-8 py-3 bg-transparent border border-brand-primary text-brand-primary font-mono text-xs uppercase tracking-[0.2em] hover:bg-brand-primary hover:text-black transition-all shadow-[0_0_15px_rgba(var(--brand-primary-rgb),0.5)];
}
03 // DATA_ENTRY
>
Activator Code:
css
1
2
3
.style-cyber-input {
@apply border border-brand-primary bg-black/50 font-mono text-brand-primary;
}
04 // DATABASE_VIEW
| ID | User | Role | Status |
|---|---|---|---|
| #001 | Neo | THE_ONE | ONLINE |
| #002 | Trinity | ADMIN | ONLINE |
Activator Code:
css
1
2
3
.style-cyber-table {
@apply w-full bg-black border border-brand-primary/30 font-mono;
}
05 // SYSTEM_ALERT
CRITICAL_FAILURE
System integrity compromised in Sector 7G.
Initiate Protocol Omega?
Activator Code:
css
1
2
3
.style-cyber-modal {
@apply bg-black/90 border border-red-500 shadow-[0_0_30px_rgba(239,68,68,0.2)];
}