Hub
designer@mainframe:~/design-system 
TERMINAL-CORE DESIGN MAINFRAME v4.2.1
Copyright (c) 1983 Phosphor Systems Inc.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

login: designer
password: ********
Last login: Mon Mar  6 09:41:22 2026 from 10.0.0.1

Welcome to TERMINAL-CORE. All sessions are logged.
Type 'help' for available commands.

designer@mainframe:~$ cat /etc/design-system/manifest.conf

[MANIFEST]
name        = terminal-core
version     = 4.2.1
type        = dark-phosphor-crt
family      = monospace-only

[COLORS]
background  = #071109
ink         = #b9ffbe
line        = #1e4f22
soft        = #0f2512
warn        = #d4ff5c

[TYPOGRAPHY]
font        = JetBrains Mono
weights     = 400, 600, 700, 800
h1_scale    = clamp(1.8rem, 5vw, 3.6rem)
body_lh     = 1.7
heading_lh  = 1.05
designer@mainframe:~$ ls -la ./tokens/

total 48
drwxr-xr-x  8 designer staff  256 Mar  6 08:12 .
drwxr-xr-x  4 designer staff  128 Mar  5 14:30 ..
-rw-r--r--  1 designer staff  1.2K Mar  6 08:12 colors.token
-rw-r--r--  1 designer staff  840  Mar  5 19:44 typography.token
-rw-r--r--  1 designer staff  512  Mar  4 11:20 spacing.token
-rw-r--r--  1 designer staff  1.8K Mar  6 07:55 components.token
-rw-r--r--  1 designer staff  320  Mar  3 16:08 motion.token
-rwxr-xr-x  1 designer staff  2.4K Mar  6 08:10 run-audit.sh
designer@mainframe:~$ ./run-audit.sh --verbose

▶ DESIGN SYSTEM AUDIT v2.1
  Scanning tokens...     [████████████████████] 100%
  Checking contrast...   [████████████████████] 100%
  Validating spacing...  [████████████████████] 100%
  Running lint...        [████████████████░░░░]  80%
  Bundling output...     [██████████████████░░]  90%

  ✓ 47 tokens validated
  ✓ 12 components passed
  ⚠ 2 warnings (non-critical)
  AUDIT COMPLETE — system nominal
designer@mainframe:~$ dstop

┌─ DESIGN SYSTEM MONITOR ──────────────────────────┐
│                                                   │
│  Color Contrast    [██████████████████░░]  94%  │
│  Typography Scale  [█████████████████░░░]  1.25 │
│  Grid Columns      [████████████████████]  12   │
│  Spacing Unit      [████████░░░░░░░░░░░░]  8px  │
│  Components        [██████████████░░░░░░]  12   │
│  Token Files       [██████████░░░░░░░░░░]  6    │
│                                                   │
│  CPU: 3.2%    MEM: 12MB    UPTIME: 847d 6h 12m   │
└───────────────────────────────────────────────────┘
designer@mainframe:~$ man terminal-core

TERMINAL-CORE(1)        STYLE GUIDE MANUAL        TERMINAL-CORE(1)

NAME
       terminal-core — phosphor-green CRT design system

SYNOPSIS
       terminal-core [--theme dark-phosphor] [--font mono]
                     [--scanlines on] [--crt-curve subtle]

DESCRIPTION
       A design language inspired by 1980s mainframe terminals,
       MS-DOS command prompts, and early Unix systems. Every
       element is rendered in monospace, green-on-black, with
       authentic CRT scan line overlays and phosphor glow.

       Ideal for developer tools, CLI dashboards, hacker
       aesthetics, and products that value raw functionality
       over decorative polish.

OPTIONS
       --bg #071109       Deep black-green background
       --ink #b9ffbe      Phosphor green text
       --line #1e4f22     Dim green borders
       --soft #0f2512     Panel surfaces
       --warn #d4ff5c     Accent / warning yellow-green

FILE TREE
       design-system/
       ├── tokens/
       │   ├── colors.token
       │   ├── typography.token
       │   ├── spacing.token
       │   └── motion.token
       ├── components/
       │   ├── terminal-frame.css
       │   ├── command-block.css
       │   ├── status-bar.css
       │   └── phosphor-text.css
       └── docs/
           ├── README.md
           └── CHANGELOG.md

SEE ALSO
       console-launch(1), cyberpunk-glitch(1), neon-drift(1)

Phosphor Systems          v4.2.1               TERMINAL-CORE(1)
designer@mainframe:~$ vim tokens/colors.token

  1 /* ═══════════════════════════════════════
  2  * TERMINAL-CORE :: Color Tokens
  3  * Last modified: 2026-03-06
  4  * ═══════════════════════════════════════ */
  5
  6 :root {
  7   /* ── Base ── */
  8   --bg:    #071109;
  9   --ink:   #b9ffbe;
 10   --line:  #1e4f22;
 11   --soft:  #0f2512;
 12   --warn:  #d4ff5c;
 13
 14   /* ── Derived ── */
 15   --surface:  #08120a;
 16   --bar-bg:   #0a190c;
 17   --glow:     rgba(185,255,190,0.5);
 18   --scanline: #061007;
 19 }
 20 ~
 21 ~
 22 ~
-- INSERT -- tokens/colors.token [+] 19L, 412B 
designer@mainframe:~$

AI Request Prompt

Design a landing page in Terminal Core style — CRT-green monospace interface with scanline texture and command-log narrative.

COLOR TOKENS:
--bg: #071109
--panel: #0f2512
--surface: #08120a
--border: #1e4f22
--text: #b9ffbe
--accent-1: #d4ff5c
--bar-bg: #0a190c
Scanline pattern: repeating-linear-gradient(180deg, #061007 0, #061007 2px, #071109 2px, #071109 4px).
No other colors.

TYPOGRAPHY:
Heading: "JetBrains Mono" 800
Body: "JetBrains Mono" 400
Scale: clamp(1.8rem, 5vw, 3.6rem) for h1
Body line-height: 1.7
Heading line-height: 1.05
All text in monospace — no font mixing.

UI:
Terminal frame: border-radius 16px, border 2px solid var(--border), overflow hidden, box-shadow 0 0 0 1px #0a2010 + 0 20px 36px rgba(0,0,0,0.46).
Top bar: bg #0a190c, border-bottom 1px solid var(--border), padding 10px 12px, font-size 0.92rem.
Screen area: bg linear-gradient(180deg, #08120a, #061008), padding clamp(18px, 4vw, 34px).
Command blocks: border-radius 10px, border 1px solid var(--border), bg #0f2512, padding 10px 12px.
Prompt box: border-radius 14px, border 2px solid var(--border), bg #08140a.
Buttons: pill shape (border-radius 999px), border 1px solid var(--accent-1), color #ebffab, bg #1a2d09.

LAYOUT:
Content max-width: min(1040px, 92vw)
Page padding: 26px 0 80px
Screen padding: clamp(18px, 4vw, 34px)
Command grid: single column, gap 8px
Lead max-width: 720px

MOTION:
Entrance: translateY(10px) → 0, opacity 0 → 1, 600ms ease, stagger 80ms per command block
Hover: none specified — keep static, machine-like
Respect prefers-reduced-motion.

RESPONSIVE:
768px: console block font-size reduced, padding shrinks, terminal frame padding adjusts via clamp
1024px: full layout with max-width 1040px, generous screen padding

FORBIDDEN:
- Gradient backgrounds (scanline texture only — repeating-linear-gradient pattern is not a gradient fill)
- Blur or glassmorphism effects
- Sans-serif or serif fonts (monospace only, JetBrains Mono)
- Rounded corners exceeding 16px
- Horizontal scroll at any viewport
- Bright white text (use green spectrum only)

OUTPUT:
1) Color + typography tokens as CSS custom properties
2) Terminal frame / Hero / Features (command blocks) / Logs / CTA structure
3) Semantic HTML + CSS with responsive support