타이포그래피
Red Hat이 선택하는 단어는 Red Hat의 브랜드 보이스의 중요한 부분이며, 글꼴도 마찬가지로 중요합니다. 선택한 단어의 외관은 이 단어가 전달하는 메시지를 강화합니다. Red Hat® 글꼴 계열은 글꼴 디자이너인 Jeremy Mickel이 Red Hat 디자인 팀과의 협업을 통해 Red Hat 브랜드용으로 디자인하였습니다.
이 글꼴 계열의 각 글자는 완벽한 원과 곧고 균일한 선으로 구성되어 있습니다. 이를 통해 Red Hat의 브랜드 역사에 영감을 받아 인간적인 감성을 입힌 기하학적이고 합리적이고 공학적인 글꼴이 탄생하였습니다. 개별 글자의 개방적인 느낌은 글자 간의 조밀한 간격과 균형을 이룹니다.
Red Hat 글꼴
Red Hat Display
Red Hat Display는 헤드라인과 강한 메시지를 전달하는 문구에 사용됩니다. Red Hat Display는 대형 사이즈를 염두에 둔 것이기 때문에 Red Hat의 개성과 목소리를 더 많이 반영하며, 스트로크도 있고, 자간 간격이 조밀하며, 길고 열린 구조를 지닌 글자체입니다. 어떤 글꼴을 사용할지 모르겠다면 Red Hat Display를 기본으로 설정하세요.
Red Hat Text
Red Hat Text는 Red Hat Display의 특성을 모두 수용해 더 까다로운 상황에 맞게 최적화합니다. Red Hat Text는 백서나 인터페이스의 툴팁처럼 글자 크기가 작은 경우 문단 단위로 읽기가 수월합니다.
글자 크기가 작은 경우 가독성을 높이기 위해 Red Hat Text는 대문자와 소문자 간의 높이 차이가 더 크고, 너비가 더 좁은 문자들 간의 공간이 더 넓으며, 선 굵기가 더 다양합니다.
Red Hat Mono
Red Hat Mono는 Red Hat의 고정폭 글꼴로, 코드를 자연어 텍스트와 구별하기 위해 만든 것입니다. Red Hat Mono는 일반적으로 커맨드라인에서 볼 수 있는 것과 동일한 타이포그래피 스타일을 사용해 Red Hat의 기술적 측면을 구현합니다. Red Hat Mono는 코드 샘플과 기술 및 개발과 관련이 있는 콘텐츠에서 사용할 수 있습니다.
Red Hat Mono 다운로드가 곧 제공됩니다!
글로벌 서체
Red Hat Display와 Red Hat Text는 확장된 라틴 문자 집합을 지원하므로 대부분의 유럽어에서 사용할 수 있습니다. 한국어, 중국어, 일본어, 키릴 문자와 같은 다른 언어의 경우 본고딕(Noto Sans) 글꼴 계열을 사용하세요.
본고딕체는 글꼴이 해당 문자를 지원하지 않는 경우 나타나는 작은 네모 상자(이른바 "두부")가 표시되지 않도록 모든 언어를 지원하기 위해 개발한 Google의 오픈 라이센스 글꼴 계열입니다. 디자인이 단순하고 깔끔하여 Red Hat 글꼴 계열과 잘 어울립니다.
Red Hat Display, Red Hat Text, Red Hat Mono 또는 본고딕(Noto Sans) 글꼴을 다운로드하여 Red Hat 자료를 작성하세요.
Red Hat 자료에는 Red Hat Display, Red Hat Text, Red Hat Mono 또는 본고딕(Noto Sans) 글꼴 이외의 글꼴을 사용하지 마세요.
Red Hat에서 서체를 사용하는 방법
단지 정보 전달을 위해 서체를 사용하든 디자인 요소를 더 풍부히 표현하기 위해 서체를 사용하든, Red Hat과 같은 외관과 느낌이 풍겨야 합니다.
문장의 첫 글자만 대문자로 표기
헤드라인을 포함한 Red Hat 자료에서는 첫 글자만 대문자(모두 대문자로 표기하거나 관사, 전치사 등을 제외한 모든 단어의 첫 글자를 대문자로 표기하는 방식이 아님)를 사용합니다(직함은 관사, 전치사 등을 제외한 모든 단어의 첫 글자를 대문자로 표기함). 모든 단어를 대문자로 입력하는 것은 소리를 지르거나 몹시 공격적인 태도를 암시합니다. 첫 글자만 대문자로 표기하는 것이 더 진정성 있고, 친절하고, 현실적입니다. 또한 대문자가 있는 단어가 두드러져 보이게 합니다. 대문자 표시에 관한 지침은 Red Hat 기업 스타일 가이드를 참조하세요.
Red Hat 자료에서는 헤드라인이라 할지라도 항상 문장의 첫 글자만 대문자로 표기하세요.
모든 글자를 대문자로 표시하지 마세요.
강조
맥락에 따라 문구를 차별화할 때 Red Hat은 텍스트를 굵게 또는 이탤릭체로 표시하거나 승인된 브랜드 색상으로 변경합니다. 하지만 한 번에 한 가지 스타일만 사용합니다. 디지털 카피를 작성할 때는 강조를 위해 굵게 표시하고, 참고 자료를 작성할 때는 이탤릭체로 표시합니다. 프레젠테이션, 광고 카피, 소셜 그래픽을 만들 때는 이 세 가지 처리 중 아무거나 사용하되 한 번에 한 가지만 사용할 수 있습니다.
한 가지 처리를 사용해 계층 구조를 만들거나 강조하세요.
한 번에 두 가지 이상의 강조 서체를 사용하지 마세요.
여백
디자인 요소 주위의 빈 공간을 여백이라고 합니다. 여백을 효과적으로 사용하면 Red Hat의 메시지를 강조 표시할 수 있고 Red Hat의 브랜드 개성을 이루는 몇 가지 주요 속성을 전달하는 데 도움이 됩니다.
여백을 넉넉히 주면 브랜드가 개방적이고 매력적으로 느껴지고, 모든 공간을 꽉 채우는 대신에 한두 개의 핵심 메시지에 집중하면 브랜드의 자신감과 대담함을 느끼게 할 수 있습니다.
여백은 많이, 텍스트는 최소한으로 사용하고, 가장자리 여백은 비워두세요.
좁은 공간을 텍스트로 가득 채우거나 텍스트를 위한 공간을 만들기 위해 가장자리 여백을 제거하지 마세요.
기능적 서체
기능적 서체는 정보를 전달하며 프레젠테이션, 편지지, 템플릿, 참고자료에서 자주 볼 수 있습니다. 기능적인 서체는 읽기 쉽고, 또렷하며, 간단합니다. 글자를 편집하거나 이리저리 옮기지 않습니다. 기술 정보를 설명하는 문단과 같이 글씨 크기가 작으면서도 정보를 알차게 전달하거나 큰 헤드라인과 같이 대담하고 강한 어조가 느껴질 수도 있습니다.
권장되는 크기
인쇄본인 경우 14포인트 이하 단어에 대해서는 Red Hat Text를, 14포인트 이상의 단어에 대해서는 Red Hat Display를 사용하세요.
디지털 카피인 경우 18픽셀보다 작은 단어에 대해서는 Red Hat Text를, 18픽셀 이상인 단어에 대해서는 Red Hat Display를 사용하세요.
본문에는 Red Hat Text를, 헤드라인에는 Red Hat Display를 사용하세요.
본문에 Red Hat Display를 사용하거나 헤드라인에 Red Hat Text를 사용하지 마세요.
큰 글자를 사용하세요.
텍스트를 공간에 맞출 용도로만 작은 글자를 사용하지는 마세요.
권장되는 맞춤
권장되는 맞춤
왼쪽 맞춤
여기에서 시작하세요. 왼쪽 맞춤이 간단하고 합리적입니다. 문단, 로고, 웹 콘텐츠, 모든 참고자료 유형은 왼쪽에 맞춰야 합니다.
가운데 맞춤
가운데 맞춤은 프레젠테이션의 헤더나 캡션처럼 중앙으로 주의를 집중시킵니다. 이것은 본문이나 30개 이상의 단어로 이루어진 헤드라인에는 좋은 스타일이 아닙니다.
오른쪽 맞춤
참고자료의 좁은 사이드바와 같이 필요한 상황에만 오른쪽 맞춤을 사용하세요.
양쪽 맞춤
텍스트 본문에는 절대 양쪽 맞춤을 적용하지 마세요. 텍스트에 보기 흉한 간격이 생기므로 Red Hat에서 사용하기에는 적합하지 않습니다.
권장되는 자간 및 행간
자간은 글자와 글자 사이의 수평 간격입니다. Red Hat 글꼴 계열의 자간은 가독성을 높이기 위해 최적의 시각적 밀도로 설정되어 있습니다.
글꼴의 기본 자간을 사용하세요.
자간을 변경하지 마세요.
행간은 텍스트 줄 사이의 수직 간격으로서, 가독성과 타이포그래피의 효율성을 높이기 위해 조정할 수 있습니다. 줄이 너무 넓거나 좁으면 읽기가 힘들기 때문에 적당한 행간을 선택하는 것이 중요합니다.
글씨가 작은 경우 1.2~1.5배 포인트 크기의 자동 행간을 사용하세요.
행간에 1.5배 이상의 포인트 크기를 사용하지 마세요.
글씨가 150포인트보다 큰 경우 행간에 1.1배 포인트 크기를 사용하세요.
너무 공간이 많아 보일 수 있으므로 큰 글자에는 자동 행간을 사용하지 마세요.
따옴표, 아포스트로피, 피트 및 인치 부호
따옴표, 아포스트로피, 피트 및 인치 부호는 비슷해 보이지만 의미는 서로 다릅니다. Red Hat 글꼴 계열에서는 비스듬한 부호로 따옴표와 아포스트로피를 표시합니다. 피트 및 인치는 곧은 수직 부호를 사용해 표시합니다. 이러한 부호를 서로 바꿔 사용해서는 안 됩니다.
웹에서 사용하는 서체
Red Hat 웹 속성에서, 헤더 및 행동 유도(CTA)에는 Red Hat Display를 사용하고 본문에는 Red Hat Text를 사용합니다. 또한 밴드 제목 카피에는 Red Hat Display를, 밴드 소제목 카피에는 Red Hat Text를 사용합니다.
표현력이 풍부한 서체
서체는 정보 전달 이상의 효과를 가져올 수 있습니다. 주의를 사로잡거나, 아이디어를 강조하거나, 글자 그대로의 의미에 다른 요소를 추가하기 위해 사용할 수도 있습니다. 표현력이 풍부한 타이포그래피는 텍스트보다는 이미지에 가까운 방식으로 스타일이 지정된 서체를 사용합니다. 글자로 이루어진 문단으로는 줄 수 없는 느낌이나 정서를 불러일으킵니다.
표현력이 풍부한 서체는 로고처럼 보여서는 안 됩니다. 로고는 그 자체로 독립적이라 다양한 맥락에서 사용할 수 있는 반면, 표현력이 풍부한 서체는 독립적이지 않기 때문에 적용되는 맥락에 어울려야 합니다. 가능성을 두루 탐색하되 표현력이 풍부한 서체는 번역, 편집, 사용자 정의를 더 복잡하게 만들 수 있다는 점에 유의하세요.
여러 줄의 텍스트로 계층 구조를 만들어 보세요.
한데 뭉쳐 있는 텍스트를 사용하지 마세요.
글자체의 모양을 유지할 수 있는 경우에만 서체를 사용자 정의하세요.
글자체의 모양이 변경되는 방식으로 서체를 늘리거나 왜곡하거나 비틀지 마세요.
표현력이 풍부한 모든 서체에 Red Hat 글꼴을 기본으로 사용하세요.
Red Hat 글꼴을 따르지 않는 손글씨를 사용하거나 만들지 마세요.
서체의 색상이나 굵기를 변경하여 계층 구조를 만드세요.
대소문자를 혼용하거나 모두 대문자로 표기하는 식으로 단어 전체 또는 일부를 강조하지 마세요.
Red Hat의 글꼴 기여
Red Hat에서 개방적 디자인이 중요한 이유는 오픈소스에 대한 Red Hat의 접근 방식이 소프트웨어를 확보하고 공개하는 수준을 넘어서는 것이기 때문입니다. Red Hat은 유용한 것을 만들어 공유할 때 이것이 다른 사람에게도 유용하기를 바랍니다. Red Hat이 글꼴을 만들어 누구나 사용하고, 글꼴을 통해 배우고, 글꼴을 개선할 수 있게 한 것은 바로 이러한 이유 때문입니다. Red Hat은 Red Hat 브랜드가 표시된 자료에는 이러한 오픈소스 글꼴을 사용하지 않습니다.
Liberation은 오픈소스 툴과 독점 문서 작성 툴 간에 문서 이동 시 발생하는 서식 문제를 해결하기 위해 2007년에 개발되었습니다. 이는 Liberation Sans, Liberation Sans Narrow, Liberation Serif 및 Liberation Mono를 포함한 4가지 트루타입(TrueType) 글꼴 계열에 내장되어 있습니다.
Overpass는 2016년에 개발된 이후 몇 차례에 걸쳐 확장되었습니다. Overpass는 미국 고속도로 표지판에서 원래 사용되던 Highway Gothic 글꼴을 기반으로 하며, Thin, Light, Light Italic, Regular, Regular Italic, Semi-Bold, Bold, Extra-Bold 및 Black 등 20가지 스타일을 포함합니다.
Red Hat은 2018년에 연재된 글인 우리가 그래야만 했던 이유를 위해 필기체 글꼴 계열을 개발해 오픈소스로 공개했습니다. 여기에는 6가지 스타일이 포함되어 있으며 각각 글에서 조명한 기술 분야 여성들을 대표합니다.
