포리프 공식 웹사이트 코드입니다. 구체적인 코드 작성 컨벤션을 안내드리겠습니다!
기본 타입 스케일에는 Large, Medium, Small의 세 가지 디스플레이 스타일이 있어요.
| 화면에서 가장 큰 텍스트인 디스플레이 스타일은 짧고 중요한 텍스트나 숫자에 사용해요. 큰 화면에서 가장 효과적이에요.
displayLarge
displayMedium
displaySmall
| 헤드라인은 작은 화면에서 짧고, 강조된 텍스트에 적합해요. 주요 텍스트 구절이나 중요한 내용 영역을 표시하는 데 유용해요.
headlineLarge
headlineMedium
headlineSmall
| 타이틀은 헤드라인 스타일보다 작으며, 비교적 짧은 중간 강조 텍스트에 사용해야 해요. 예를 들어, 부차적인 텍스트나 내용의 영역을 나누는 데 타이틀 스타일을 고려해보세요
titleLarge
titleMedium
titleSmall
| 바디 스타일은 앱에서 긴 텍스트에 사용해요. 작은 글씨와 긴 구절에도 잘 읽을 수 있는 폰트를 사용해주세요.
bodyLarge
bodyMedium
bodySmall
| 레이블은 더 작고 실용적인 스타일로, 컴포넌트 내부의 텍스트나 매우 작은 텍스트에 사용해요. 예를 들어 버튼은 labelLarge 스타일을 사용해요.
labelLarge labelMedium labelSmall