SISTEMA DE DISEÑO DE TERMINAL ネルフ
NERV UI
Tokens y componentes CSS con estética de la interfaz MAGI de Neon Genesis Evangelion.
Framework-agnóstico. Copia una hoja de estilos y listo.
INSTALACIÓN
Vía CDN (jsDelivr, sirviendo el repo de GitHub) o copiando el archivo.
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/Owito/nerv-ui@main/nerv-ui.css">
<body class="nerv nerv-bg nerv-scanlines">
<div class="nerv-panel nerv-panel--tagged" data-tag="MAGI">…</div>
</body>
TOKENS (paleta)
Variables CSS: --nerv-amber, --nerv-red, --nerv-green…
--nerv-amber · #FF7A18
--nerv-amber-hi · #FFB300
--nerv-amber-dim · #8a4d16
--nerv-red · #F0321E
--nerv-green · #35FFA0
--nerv-panel · #0a0a07
PANELES
.nerv-panel · con etiqueta: .nerv-panel--tagged[data-tag]
Panel simple biselado.
Panel con etiqueta en el borde.
$12.240.000
MEDIANA DE MERCADO
BOTONES · CAMPOS · LEDS · CHIPS
ONLINE
解析中
ALERTA
A.T. FIELD
NODOS MAGI
MELCHIOR·1Fuente de datos primariaONLINE
BALTHASAR·2Verificación cruzada解析中
CASPER·3Consenso finalONLINE
ALERTAS (PATRÓN)
Variantes: base (ámbar), --blue (alerta), --green.
TU PATRÓN
⚠ PATRÓN AZUL
BAJO EL UMBRAL
TU PATRÓN
PATRÓN NARANJA
DENTRO DE PARÁMETROS
TU PATRÓN
PATRÓN VERDE
SOBRE EL UMBRAL
MEDIDOR (GAUGE)
BAJO UMBRALEN PARÁMETROSSOBRE UMBRAL