Terminal Core
인광빛 그린 액센트와 모노스페이스 타입으로 짜인 CLI/HUD 감성의 다크 네이티브 상태 콘솔 스타일 — 정보 밀도가 곧 미학이다.
설명
거의 검정에 가까운 터미널 배경 위에 인광(phosphor) 그린 액센트, 가늘고 밝은 1px 룰, 제로에 가까운 라운드로 구성한 다크 우선 개발자 대시보드/HUD 미학. 타이포그래피는 모노스페이스 중심이고 위계는 색이 아니라 밝기·굵기·라벨로 만든다. 소프트 섀도우 대신 액센트 글로우를 쓰고, 선택적으로 미세한 스캔라인/그레인을 얹는다. 라이트 모드는 '페이퍼 터미널'(거의 흰 배경 + 짙은 그린 잉크)이지만 본질은 다크 네이티브다.
타입 스케일
display Ag 스타일 견본 Style Specimen
h1 Ag 스타일 견본 Style Specimen
h2 Ag 스타일 견본 Style Specimen
h3 Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
mono Ag 스타일 견본 Style Specimen
label Ag 스타일 견본 Style Specimen
단일 모노스페이스 패밀리로 통일 — 본문까지 모노. 웨이트는 400/500/600/700. 라벨은 대문자 + 넓은 자간(0.14em)으로 CLI 프롬프트/상태 태그처럼 읽힌다. 등폭 특성상 표·로그·수치 정렬이 그리드에 자연스럽게 맞물린다.
골든 예제 (exemplar)
infra / cluster-01 / nodes
online · 42ms
System Status
> all systems nominal_
Dense read-only console. Hierarchy is brightness, weight, and uppercase labels — not color. The phosphor green is a signal, spent only on status, focus, and live.
uptime
99.98%
128d 04h 12m
nodes — 4 active
| node-01 | us-east-1a | 0.42 | ● ready |
| node-02 | us-east-1b | 0.61 | ● ready |
| node-03 | us-west-2a | 0.88 | ● degraded |
Do
- 다크를 기본으로 설계하고 라이트는 '페이퍼 터미널'로 파생한다
- 본문까지 모노스페이스로 통일하고 위계는 밝기·굵기·대문자 라벨로 만든다
- 구분은 얇고 밝은 1px 룰, 강조는 액센트 글로우로 한다
- 인광 그린은 상태/초점/라이브 신호에만 절제해서 쓰고 앰버·레드는 경고 전용
- 표·로그·수치는 등폭 정렬을 살려 밀도 높게 배치한다
Don't
- 부드러운 드롭 섀도우·큰 border-radius 금지 (라운드는 0에 가깝게)
- 그라디언트·글래스모피즘·파스텔 컬러·둥근 일러스트 아이콘 금지
- 인광 컬러 남용 금지 — 화면 전체가 초록이 되면 신호가 죽는다
- 바운스·스프링·패럴랙스 모션 금지
- 여백을 위해 정보 밀도를 희생하지 말 것 (이 스타일은 콘솔이다)
컴포넌트 노트
- button
- base: radius 0, 1px solid var(--border), 배경 transparent, 모노 라벨(대문자 0.14em 자간), padding 8px 16px. 앞에 '$' 또는 '>' 프롬프트 글리프 허용.hover: border→primary, 텍스트→primary, 배경 secondary 살짝. 80ms 즉각 전환.focus: 1px solid primary + 글로우(box-shadow 0 0 0 1px primary, 0 0 12px accent 낮은 불투명도). outline none 대신 ring 글로우.disabled: opacity 0.4, border muted, 커서 not-allowed.primary_variant: 배경 primary 채움 + primary-foreground 텍스트. 페이지의 주요 실행 액션 1개에만.
- card
- radius 0. 배경 var(--card)로 background보다 한 단 밝게, 1px var(--border) 보더. 상단에 대문자 라벨 헤더 + 1px 하단 룰. 섀도우 없음. 라이브 패널만 좌측 2px primary 액센트 바 또는 미세 글로우.
- input
- radius 2px, 배경 var(--input), 1px var(--border), 모노 텍스트, 앞에 '>' 또는 캐럿 프롬프트. 포커스 시 border→primary + 글로우, 블링크 커서. placeholder는 muted-foreground.
- nav
- 상단 고정 상태바. 좌측 로고/경로(breadcrumb as path: infra / cluster-01 / nodes), 우측 상태 인디케이터(● online, latency, 대문자 라벨 링크). 1px 하단 룰. 모노 타이포, 아이콘 최소.