Skip to content
All skills
staqd.ai/previews/terminal
Open

Live demo — an original page built in the Terminal style. Open in new tab

Prothemed

Terminal

A cyber-slick dark interface with monospaced type, hairline borders, dense data surfaces, sharp corners, and a single electric-green accent.

Install via CLI

$ npx staqd add terminal

Requires Pro — after subscribing, run npx staqd login to authenticate.

Pro skill

from $12/mo

$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.

Developer tools and dashboardsData-dense admin and monitoring panelsCrypto, infra, and command-line-style products

Inside this skill

Terminal is the interface of a power user: dark, dense, and precise, built to feel like a high-end command line rendered as a modern UI. It runs entirely on monospaced type, hairline borders, and sharp corners, with a single electric-green accent that glows just enough to feel alive. Information is packed tight but stays legible through disciplined alignment and rhythm. Reach for Terminal when you are building for developers, operators, and data-heavy products where every pixel should feel engineered and nothing is decorative for its own sake.

Design principles

  • Monospace everywhere: the grid of fixed-width type is the foundation of the whole aesthetic.
  • Depth from lines, not shadows: hairline borders and faint glows define structure on dark.
  • Sharp and exact: near-square corners and pixel-aligned spacing read as precise and technical.
  • One signal color: electric green marks what is active, live, or important, and nothing else.
  • Density with discipline: pack data tightly but keep generous internal rhythm so it stays scannable.
  • Quiet by default, bright on focus: the interface is calm until something demands attention.

Color

The ground is a near-black #0A0C0B with a faint green undertone, and panels sit one step up on #111613. Secondary surfaces and hover rows use #1A1F1C. Borders are hairline #222A26, doing the structural work that shadows would in a lighter style. Body text is a soft off-white #D6E0DA for comfortable reading on dark, with muted metadata in #9AA5A0. The single accent is electric green #3DF07A, used for active states, key figures, status indicators, the command caret, and focus glows; it always carries a faint outer glow on interactive elements. Use green sparingly so it keeps its signal value. This style is dark-first; an optional light variant inverts to a paper-white #F4F6F5 ground with ink #0A0C0B text and a deepened green #0E9E4E to preserve contrast, but the dark theme is the canonical look.

Terminal is a Pro skill

Unlock the full Terminal spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library
  • Commercial-use rights on skill output

$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.

Use it with these prompts

Console dashboard

Free

Build a developer dashboard in the Terminal style: near-black background, monospaced JetBrains Mono type, hairline-bordered panels with sharp 2px corners, uppercase tracked labels, dense stat readouts, and a single electric-green accent for active states and key numbers with a subtle glow.

Data table view

Pro
Unlock this prompt with ProUpgrade

Command palette overlay

Pro
Unlock this prompt with ProUpgrade