v1.20.0 — 모노톤과 생성 진입점
⚠️ 팔레트가 바뀝니다 — 업그레이드하면 컴포넌트 색이 달라집니다
styles/colors.css 의 표면·강조 토큰이 파랑 계열(hue 265, 채도 0.04)이라 화면 전체가 옅은 남색으로 깔렸습니다. 흰색–회색–검정 무채색으로 바꿨습니다.
토큰 이름은 그대로라 코드는 손댈 필요가 없지만, bg-st-primary·bg-st-card 등을 쓰는 화면의 보이는 색이 달라집니다. 파란 계열을 유지하려면 프로젝트에서 해당 토큰을 덮어써 주세요.
뜻을 나르는 색은 남겼습니다 — 빨강(destructive)·초록(success)·주황(warning)이 회색이 되면 "위험"과 "완료"가 같아집니다. 차트 5색은 이미 명도 사다리가 있어 채도만 빼도 계열이 구분됩니다.
강조는 명도로 만듭니다: 라이트 oklch(0.25), 다크 oklch(0.95). 색상 대비를 못 쓰는 만큼 명도를 벌렸고, 그 위 글자와의 대비는 14.7:1 / 15.5:1 입니다(본문 기준 4.5:1).
왜 갤러리만 고치지 않았나
지금까지는 갤러리에만 중립화 덮어쓰기를 씌워 가리고 있었습니다. 그 땜질이 오히려 문제를 키웠습니다 — 크롬만 회색이 되니 프리뷰 영역만 남색으로 도드라져 파란 끼가 더 눈에 띄었고, 제품 색을 되살리느라 같은 값을 두 벌로 관리해야 했습니다. 이번에 그 덮어쓰기를 통째로 지웠습니다.
라이브러리에서 바로 만들 수 있습니다
갤러리에서 컴포넌트를 만들 수 있는 길이 없었습니다. 목록은 있는 것만 보여 주고, 새로 만들려면 터미널로 나가 ie element new 를 치고 돌아와야 했습니다 — 찾으러 왔다가 없다는 걸 알게 되는 자리가 바로 거긴데 말이죠.
히어로 아래 "컴포넌트를 프롬프트로 즉시 생성하기" 를 누르면 요청 입력창이 뜹니다. 필요한 것을 역할로 적고 보내면 에이전트가 만듭니다.
프롬프트에 두 가지가 못 박혀 있습니다:
- 만들기 전에 먼저 찾습니다. 비슷한 게 이미 있으면 새로 만들지 않고 알려 줍니다 — 비슷한 컴포넌트가 둘이면 결국 둘 다 안 쓰이게 됩니다.
- 손으로 파일을 만들지 않습니다.
ie element new를 거쳐야 엔트리·히스토리·index 가 함께 생기고, 그래야 갤러리에 나타납니다.
ie gallery --agent 없이 띄웠어도 버튼은 남습니다 — 그때는 프롬프트를 복사해 밖의 LLM 에 붙여넣으면 됩니다.
그 밖에
- 버튼과 필터 칩이 알약 모양이 됐습니다. 헤더 pill·아바타·상태 뱃지가 이미 원형 계열이라 버튼만 각지면 한 화면에서 두 가지 언어가 섞입니다.
- 아바타 바탕이 8색 → 명도 8단계로 바뀌었습니다. 사람은 여전히 구분되면서 화면 톤은 유지됩니다.