Digital / Web UI
Terminal Green
Un material verde tipo terminal para herramientas dev, agentes IA y monitoreo de sistemas.
Tg
Usos
- Logs
- Consolas de agentes
- Landings open source
Parámetros
- green hue
- scanline opacity
- font weight
- background
- density
Prompt IA
Crea un material terminal green con fondo carbón, texto verde fósforo, scanlines sutiles y densidad controlada.
Notas Tailwind
Usa fondo casi negro, texto verde, scanlines con repeating-linear-gradient y fuente monoespaciada.
Rendimiento
Las scanlines deben ser estáticas. Evita parpadeos rápidos salvo cursores pequeños.
CSS
.terminal-green {
border: 1px solid rgba(57, 255, 142, .28);
border-radius: 12px;
background:
repeating-linear-gradient(180deg, rgba(57,255,142,.06) 0 1px, transparent 1px 4px),
#050806;
color: #8dffb2;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}Ejemplo React
export function TerminalGreenLog({ lines }) {
return <pre className="terminal-green">{lines.join("\n")}</pre>;
}