/* default */
Clean output.
기본 console 출력 — dashed border.
[ details → ]$ welcome.sh
RYAN.DSL / TERMINAL
mono only · 단색 neon · CRT scanline · CLI 메타포 ($, ❯, ─, █). 개발자 도구 · 콘솔 앱 · DevOps 대시보드 · CLI helper.
/* display xl */
DISPLAY XL
/* display */
DISPLAY DEFAULT
/* title lg */
TITLE LG
/* title */
TITLE DEFAULT
/* body */
Body 1rem regular. The quick brown fox jumps over the lazy dog.
/* mono */
$ git push origin main$ user
$ command
진행률 · 72%
<DEFAULT>
<ACCENT>
<OK>
<WARN>
<FAIL>
<INVERT>
/* accent */
Neon highlight.
accent — neon green glow.
[ details → ]/* inverted */
Reverse video.
반전 — text/bg invert.
[ details → ]CPU
42%
[█████░░░░░] nominal
MEM
3.2 GB
[██████░░░░] pressure
NET
12 MB/s
[████░░░░░░] stable
$ man ryan.dsl
CRT NEON, MONO-ONLY.
NAME ryan.dsl(1) — Terminal theme
Terminal 테마는 mono only · 단색 neon green · CRT scanline overlay · CLI 메타포 ($, ❯, ─, █) 의 조합. JetBrains Mono / Fira Code 가 시그니처 폰트.
시그니처 mechanism: body::after 로 scanline overlay 강제 + accent glow (8px) + 깜빡이는 cursor + ASCII art frame (╔══╗). 개발자 친화 SaaS · DevOps · CLI helper 적합.
The terminal is the only honest UI.
Terminal 시그니처: shell window + scanline overlay + ASCII frame + blinking cursor.
ryan
git status
On branch main
Changes not staged for commit:
modified: design-tokens.css
modified: design-components.css
python3 lint_design_tokens.py
✓ R1 / R2 / R3 — 위반 0건
ryan
cat /proc/design
이 디자인, 내 프로젝트에 바로 쓸 수 있어요
크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.
Creator OS 사용 중이라면
에이전트에게 말 한마디면 끝
테마 선택·CSS 세팅·컴포넌트 배치까지 자동이에요. 코드 한 줄 안 봐도 돼요.
"Terminal 스타일로 개발자 페이지 만들어줘"Creator OS 시작하기 →
직접 적용하고 싶다면
2단계로 즉시 적용
① HTML 파일 <head> 안에 아래 2줄 붙여넣기
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-tokens.css">
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-components.css">
② <body> 태그에 테마 한 줄 추가
<body data-theme="terminal-dark">
버튼·카드·폼·태그가 모두 neon green Terminal 디자인으로 바뀌어요. Framer · Wix 커스텀 코드에도 동일하게 작동해요.