Digital / Web UI
Terminal Green
Developer tools, AI agents और system monitoring interfaces के लिए terminal-inspired green phosphor material.
Tg
Usage
- Logs
- Agent consoles
- Open-source landing pages
Parameters
- green hue
- scanline opacity
- font weight
- background
- density
AI Prompt
Dark charcoal background, phosphor green text, subtle scanlines और calm command-line density वाला terminal green interface बनाएं.
Tailwind notes
Near-black background, green text, scanlines और monospace font उपयोग करें.
Performance notes
Scanlines static रखें. Tiny cursor के अलावा fast blinking text से बचें.
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;
}React example
export function TerminalGreenLog({ lines }) {
return <pre className="terminal-green">{lines.join("\n")}</pre>;
}