# Show GN: 한글 넣으면 어색해지는 디자인 시스템, 한국어 우선으로 다시 만들었습니다

> Clean Markdown view of GeekNews topic #30819. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=30819](https://news.hada.io/topic?id=30819)
- GeekNews Markdown: [https://news.hada.io/topic/30819.md](https://news.hada.io/topic/30819.md)
- Type: show
- Author: [pedogunu](https://news.hada.io/@pedogunu)
- Published: 2026-06-25T18:14:27+09:00
- Updated: 2026-06-25T18:14:27+09:00
- Original source: [github.com/DaleStudy](https://github.com/DaleStudy/daleui/)
- Points: 3
- Comments: 1

## Topic Body

한국어 서비스를 만드는데 디자인 시스템(MUI, shadcn 등)은 라틴 알파벳 기준이라, 한글을 넣으면 "되긴 되는데 어색한" UI가 됩니다. 한글은 네모틀 구조·어절 단위 줄바꿈·다른 baseline을 갖고, 폰트만 Pretendard로 바꿔도 제어 안 되는 상하 여백 탓에 컴포넌트마다 행간·높이를 다시 보정해야 하죠.  
  
그래서 한국어를 1순위로 두고 처음부터 다시 설계했습니다.  
  
- 한글 여백 보정: Pretendard 기본 + 행간·높이·치수를 한글 기준으로  
- 한국형 폼: 어절 단위 줄바꿈, 라벨을 입력창 위에 배치  
- 디자인=코드 API 일치: 제3자 피그마라 "번역"이 필요했던 기존과 달리, 만든 팀이 직접 피그마와 코드의 - 이름을 맞춤 → 그대로 import, 핸드오프 비용 급감  
- 접근성: 키보드·스크린리더·명도 대비 처음부터 고려

## Comments



### Comment 60308

- Author: jimmy2056
- Created: 2026-06-25T19:53:13+09:00
- Points: 1

안그래도 어색한 문장 때문에 골치 아팠는데  
감사합니다.