All skills
staqd.ai/previews/mono
Open

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

Prothemed

Mono

A single typewriter typeface, tight grids, and deliberate restraint turn plain text into a confident, system-like interface.

Install via CLI

$ npx staqd add mono
Developer tools and CLIs-as-web-appsDocumentation and changelogsMinimalist personal sites and portfolios

Inside this skill

Mono is a design system built on a single constraint: one monospaced typeface does everything — headings, body, labels, numbers, and code. That restriction creates a calm, system-like coherence where every glyph occupies the same cell and the whole interface reads like a beautifully formatted document. It feels honest, technical, and quietly playful, the way a well-kept terminal or a clean printout feels. Reach for it on developer tools, documentation, changelogs, and personal sites that want craft and character without decoration.

Design principles

  • One family, no exceptions: the entire UI is monospaced, so hierarchy comes from weight, case, and spacing alone.
  • Embrace the grid the typeface gives you — align everything to the character cell and let columns snap to fixed widths.
  • Decoration is borrowed from text: brackets, hyphens, hashes, and slashes do the work of icons and rules.
  • Keep color almost absent; near-black ink, paper background, one accent link color.
  • Left-align and let lines break naturally; centered text fights the typewriter logic.
  • Whitespace is generous and rhythmic, measured in line-heights rather than arbitrary pixels.

Mono is a Pro skill

Unlock the full Mono 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 + unlimited MCP
  • Commercial-use rights on output

Use it with these prompts

Monospace homepage

Free

Build a homepage in the Mono style: everything set in JetBrains Mono on a #FAFAF7 background, a left-aligned column max 680px wide, section labels in bracketed all-caps muted #8A8780, and a single #0066FF link color.

CLI-style dashboard

Pro
Unlock this prompt with ProUpgrade

Docs article

Pro
Unlock this prompt with ProUpgrade