设计规范v1.0.0
赛博翡翠技术风
开发者工具、仪表盘和面向工程师的产品。

DESIGN.md
---
name: Cyber Emerald Technical
colors:
background: '#111317'
surface: '#1a1c20'
primary: '#10b981'
on-surface: '#e2e2e8'
outline-variant: '#3c4a42'
typography:
headline-lg:
fontFamily: Space Grotesk
fontSize: 32px
fontWeight: '600'
body-md:
fontFamily: Geist
fontSize: 16px
label-md:
fontFamily: JetBrains Mono
fontSize: 14px
rounded:
DEFAULT: 0.25rem
spacing:
base: 4px
---
## Brand & Style
Technical Minimalism for developer tools and engineering platforms.
"The command line, evolved." Authoritative, precise, efficient. No
decorative flourish — structural clarity and data density instead.
## Colors
Primary: #10b981 (Engineering Green) for actions, success, active states.
Neutral base: #111317 for backgrounds, #1a1c20 for elevated surfaces.
Borders: desaturated cool-gray (#3c4a42) to harmonize with the green.
## Typography
- Space Grotesk for headlines (tighter letter-spacing).
- Geist for body copy (extreme legibility).
- JetBrains Mono for labels, status chips, and code.
## Components
- Buttons: solid primary, transparent+border secondary, text-only ghost.
- Inputs: dark well background, emerald focus ring.
- Chips: monospace, 1px border at 20% opacity, tinted fill.
- Cards: 1px border, thin divider under header, no heavy shadow.