나눔스퀘어라운드 리뷰: 부드러운 UI와 본문을 한 폰트로 묶을 수 있을까

서비스 화면 전체를 부드럽게 묶고 싶을 때 나눔스퀘어라운드를 검토할 만하다. 모서리의 인상은 친근하지만 골격과 문장 폭은 비교적 규칙적이다. 금융 고지나 긴 약관처럼 긴장감과 중립성이 우선인 화면에서는 둥근 표정이 메시지보다 먼저 보일 수 있다.

처음 오신 분도 쉽게 따라올 수 있어요

실제 문장으로 보는 인상

획획클럽 미리보기 자산에서 한글 ‘한’의 진행폭은 0.910em, 비교 문장 열한 자의 폭은 10.010em이다. 프리텐다드처럼 더 좁은 고딕보다 카드 제목이 먼저 줄바꿈될 수 있지만, 한 글자마다 숨 쉴 공간을 두고 읽히는 편이다. 기본 세로 지표는 1.135em으로 측정됐다. 실제 본문에서는 브라우저 기본값에 맡기지 말고 크기와 줄 길이에 맞춰 line-height를 직접 정하는 것이 좋다.

숫자 0부터 9까지의 합산 폭은 6.000em이다. 이 수치만으로 모든 숫자가 같은 폭이라고 단정할 수는 없다. 가격표나 대시보드에서 세로 정렬이 중요하다면 실제 숫자 조합을 여러 줄로 넣어 흔들림을 확인해야 한다.

8월 26일 오후 7시 · 참가비 15,000원

잘 맞는 곳

패밀리는 300, 400, 700, 800 네 단계 굵기를 제공한다. 부드러운 인상을 유지한 채 본문, 소제목, 큰 제목을 나누기 쉬운 구성이다. 고객 안내, 교육 서비스, 커뮤니티, 생활형 앱처럼 친절한 말투가 필요한 화면과 잘 맞는다.

피하는 편이 나은 곳

온보딩, 도움말, 교육 자료, 가족·생활 서비스, 부담 없는 브랜드 소개에 어울린다. 법적 고지, 사고 안내, 고밀도 표처럼 단호함이나 최대 정보량이 중요한 자리에서는 조심해야 한다. 같은 폭의 카드에 프리텐다드와 함께 놓으면 줄바꿈과 화면 온도 차이를 바로 볼 수 있다.

친근한 표정은 오류나 경고에서도 그대로 남는다. 서비스 전체에 적용한다면 정상 안내만 보지 말고 결제 실패, 계정 제한, 사고 안내처럼 긴장이 필요한 문구도 함께 시험해야 한다. 둥근 인상이 심각도를 약하게 만들면 그 구간만 중립적인 고딕으로 분리하는 편이 낫다.

부드럽게 안내하고, 중요한 내용은 또렷하게

실무에서 확인할 것

현재 서비스에서 보이는 것은 400 굵기의 정적 자산 한 벌이다. 크기는 119.7KiB이며 상용 한글 2,350자와 라틴-1 보충 문자 39자를 담는다. 네 단계 굵기의 실제 차이는 공식 패밀리를 받아 확인해야 하고, 다국어 이름이나 자유 입력에는 폴백 여부를 별도로 점검해야 한다.

비슷한 폰트와 비교하기

둥근 고딕은 모양만 보고 고르기 쉽지만 실제 선택은 줄바꿈에서 갈린다. 쓰던 모바일 카드와 긴 안내문에 프리텐다드, 메로나체를 차례로 적용하면 범용성의 차이가 분명히 보인다. 본문용으로 고른다면 오류·경고 문구도 함께 시험해 친근함이 심각도를 흐리지 않는지 살펴야 한다.

숫자만으로 고르기 어렵다면 같은 문구를 나란히 놓아 보면 된다. 나눔스퀘어라운드 상세에서 후보에 담아 폰트 시뮬레이터로 가져가자. 확인할 기준은 카드의 줄바꿈, 숫자 열의 흔들림, 오류 문구의 긴장감이다.