타이포그래피는 경험과 플랫폼 전반에 걸쳐 일관성을 제공하는 디자인 시스템의 중요한 부분입니다. 좋은 타이포그래피 규칙은 콘텐츠를 명확하고 효율적으로 표시하는 데 도움이 됩니다. 너무 긴 텍스트 의 단락은 따라하기 어렵고 너무 얇은 텍스트 의 단락은 읽기 가 어렵습니다. 이상적으로 텍스트 블록의 너비는 약 70자여야 합니다. 최소한 50자에서 120자 사이를 유지해야 합니다. 강한 문장의 일부에 중요도를 배치하고 텍스트를 무거운 글꼴 가중치로 렌더링하는 데 사용할 수 있습니다. 이것은 중요성을 전달하는 톤을 추가하기위한 의미 서식을위한 것입니다. 굵게는 문장 내에 계층 구조를 추가하거나 단추 및 알림과 같은 주의를 호출하는 데 사용됩니다. 또한 실행 중인 텍스트에서 UI 요소의 이름을 직접 참조하는 데도 사용됩니다.

제목, 본문, 세부 정보 및 코드 타이포그래피 구성 요소를 함께 페어링하여 콘텐츠 계층 구조를 적용하면서 균형 잡힌 관계를 만들 수 있습니다. 기본적으로 이 작업은 동일한 크기의 타이포그래피 구성 요소를 사용하여 수행할 수 있습니다. 경우에 따라 스펙트럼 타이포그래피 구성 요소의 크기 옵션이 특정 시나리오(예: XL 제목)에 적합하지 않은 경우가 있습니다. 이러한 경우 목록에서 글꼴 크기를 지정하여 크기 옵션에서 벗어나는 것이 좋습니다(예: 글꼴 크기-800). 완전히 양쪽 맞춤텍스트 블록을 사용하지 마십시오. 이것은 단락 내의 갇힌 공백을 추가하여 읽기가 더 어려워지며, 특히 인지 장애 또는 난독증이있는 사람들을 위해 읽기가 더 어려워집니다. 오른쪽 정렬(왼쪽 걸레)도 텍스트 단락에 대해 권장되지 않습니다. 단락을 간결하게 유지합니다. 인지 장애가있는 일부 사용자 (심지어 그렇지 않은 사용자)는 큰 텍스트 블록을 읽고 이해하기가 매우 어려울 수 있습니다. 모든 UX 콘텐츠에 문장 케이스를 사용합니다. 대문자 가이드 라인에 대한 자세한 내용은 문법 및 역학으로 이동하십시오.

밑줄은 텍스트 링크(링크 스타일에 따라 가리키기 상태 또는 기본 상태)에만 사용되며 강조를 추가하기 위한 메커니즘으로 사용해서는 안 됩니다. 스펙트럼은 어도비 클린, 어도비 클린 세리프, 어도비 클린 한, 소스 코드 프로서클을 사용합니다. 글꼴 페이지에서 다운로드할 수 있습니다. Spectrum의 서체가 제대로 로드되지 않을 수 있는 경우 운영 체제 일관성 및 유사한 해부학 적 관계에 따라 선택된 대체 글꼴이 정의되어 있습니다. 텍스트 서식을 사용하여 시각적으로 선명도를 추가하고 음성 또는 의미를 조정할 수 있습니다. 텍스트 단락을 들여쓰기해서는 안 됩니다. Spectrum은 텍스트 블록을 분리하는 방법으로 단락 간에 사용할 특정 여백을 제공하므로 들여쓰기가 필요하지 않습니다. 스펙트럼의 정의된 글꼴 크기 중에서 선택합니다. 고유한 글꼴 크기를 사용하면 제품의 타이포그래피 계층 구조와 균형을 맞출 위험이 있습니다. Spectrum은 데스크톱과 모바일 모두에서 다양한 크기의 텍스트가 조화롭게 작동할 수 있도록 합니다. 모든 글꼴 크기의 비율은 1.125(주 두 번째 유형 배율)입니다. 즉, 각 크기는 기본 크기부터 시작하여 이전 크기에서 1.125를 곱하거나 나누고 반올림됩니다.

사용자 지정 텍스트(존재하지 않는 타이포그래피 구성 요소)는 이 목록에서 글꼴 크기를 사용해야 합니다. 대체 글꼴은 시스템이 Adobe Clean을 지원할 수 없는 경우 또는 사용자의 장치가 Adobe를 깨끗하게 렌더링하지 못하는 경우 사용자의 환경을 위한 보호 장치로 사용해야 합니다.