정원과 직각, 직선과 사선의 기하학적 조형 요소에 집중하여 간결한 표정을 가진 UI 헤드라인 타입페이스
손글씨에서 근거한 장식적 요소를 최소화하고 기하학적 형태에 집중했습니다.
이는 미적으로 간결한 표현력을 가질 수 있도록 합니다.
문장을 더욱 돋보이게 하기 위해, 중간보다 높은 위치에 무게 중심을 두어 긴장감을 주었습니다.
또한 네모틀과 탈네모틀의 중립적인 형태를 사용하여 전통적인 고딕체 대비 현대적인 인상이 느껴집니다.
한국어로 제공되는 프로덕트에서 라틴 알파벳과 숫자는 짧은 호흡으로 사용되기에 소문자 높이를 높이고, 굵기에 따라 글자의 높이가 변하며 시각적인 무게감을 조절함으로써 한글과 더 나은 조화를 이룹니다.
스위트는 UI에 유연하면서도 섬세한 율동감을 더해, 헤드라인의 핵심 정보를 사용자가 쉽게 인지할 수 있도록 합니다.
이러한 디자인적 특징은 프로덕트의 완성도를 높이고 유저빌리티 개선을 돕습니다.
(4-2)×180°=360°
ⓘ⑬⚠Ⓝ↑→↓←
스위트 미리 써보기
글자 크기
글자 굵기
지오메트릭(Geometric) 폰트의 공통적인 특징은 대문자 'O'자가 정원에 가깝다는 점, 소문자 'a'자가 단층이라는 점이다.
특장점
버티컬 매트릭스
글자의 위, 아래 빈 공간이 같도록 했습니다. 버튼 속의 글자 혹은 아이콘과 글자가 나란히 있을 때 가운데를 맞추기 위해 위아래 여백을 서로 다르게 하지 않아도 됩니다.
라인 하이트
UI 헤드라인에서 주로 사용하는 글자 크기 18, 16. 그리고 26, 24에서 라인 하이트 기본 값이 짝수입니다. 위아래 여백이 같게 Contained 했을 때 전체 높이를 짝수로 할 수 있습니다.
UI 요소로 해석한 글리프
심볼 중 그래픽 메타포로 흔히 활용되는 글자의 경우 그 자체를 UI 요소로 활용 할 수 있도록 고려 되었습니다.
버티컬 얼라인
구두점과 괄호 등의 버티컬 얼라인을 한글에 맞춰 조정하고 한글과 서로 어우러지도록 부피감을 조절했습니다.
다양한 굵기와 Variable 포맷 지원
총 7종의 굵기를 지원합니다. 또한 Variable 포맷도 지원하여 타겟 디바이스가 명확하다면 자유로운 굵기로 사용 할 수 있습니다.
용량 최적화
SUITE―스위트는 시작부터 임베딩 및 웹폰트를 목적으로 만들어졌습니다. KS × 1001 완성형 2,350자와 외래어 및 신조어 표현을 위한 318자만 포함하여 woff2의 경우 200kb보다 작습니다.
오픈타입 기능
모노스페이스 숫자 tnum
자릿수의 정확한 표현을 위해 모노스페이스 글리프를 별도로 두었습니다. 모노스페이스는 모든 굵기에서 같은 자폭을 가집니다.
명확한 표현을 위한 글자 ss17
영문과 숫자가 혼합된 시리얼번호 등을 표현 할 때 명확한 식별을 위해 변형된 글리프를 제공합니다.
대체 화살표 ss18
샤프트가 있는 일반적인 스타일의 화살표를 사용 할 수 있습니다.
웹폰트
Static
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/static/woff2/SUITE.css" rel="stylesheet">
<style>
body {font-family: 'SUITE', sans-serif;}
</style>
Variable
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/variable/woff2/SUITE-Variable.css" rel="stylesheet">
<style>
body {font-family: 'SUITE Variable', sans-serif;}
</style>
라이센스
SUITE―스위트는 오픈소스입니다. SIL Open Font License에 따라 개인 또는 기업이 영리적, 비영리적 목적으로 자유롭게 사용할 수 있습니다. 단, SUITE를 단독 판매하면 안 됩니다. SUITE에 대한 제안 및 문의는 이메일로 보내주세요.
