1. 서체소개

한글/영문을 기본으로 하며, 세아 표준은 오픈소스 서체인 나눔고딕을 사용합니다.
세아 표준의 요구를 충족시키고 세아그룹의 정신, 신념 및 디자인 원칙을 반영할 수 있도록 나눔고딕을 선택하여 폰트 스타일을 설계하였습니다. 나눔고딕은 프리라이센스 폰트로 ‘네이버 한글한글 아름답게’에서 다운받으실 수 있습니다.

중문의 경우만 NotoSans Cjk를 사용합니다.
NotoSans Cjk는 프리라이센스 폰트로 ‘Google Noto Fonts’에서 다운받으실 수 있습니다.

2. 폰트 스타일(타이포그래피)

타이포그래피는 사용자가 정보의 계층을 읽고 이해하도록 안내합니다.
올바른 타이포그래피 처리 및 유형 스타일을 적용하면 콘텐츠를 심미적으로 관리하는데 유용하고 간단하며 효과적입니다.

크기

크기 유형은 상황에 맞도록 타이틀 폰트와 본문 폰트로 구분하여 제공합니다.
모든 유형에 대한 계층 구조를 제공하기 위해 만들어졌으며 행간은 폰트 크기 x 1.6을 규칙으로 계산됩니다.
* NotoSansCjk도 아래 규칙에 따르도록 합니다.

 

 

굵기

폰트의 굵기는 콘텐츠 계층을 차별화할 수있는 중요한 요소입니다.
폰트 굵기와 크기는 균형을 이루어야 합니다. 굵은 폰트는 항상 같은 크기의 더 얇은 폰트보다 더 강조됩니다. 그러나 더 얇은 폰트가 굵은 폰트보다 상당히 큰 경우 더 얇은 폰트가 굵은 폰트보다 계층적으로 더 높은 순위를 지정할 수 있습니다.

나눔고딕 Regular 와 Bold, ExtraBold를 사용하는 것이 좋습니다.
Bold와 ExtraBold는 타이틀에 이상적이지만 본문과 같이 한줄 이상의 긴 텍스트에는 사용하지 않아야 합니다.
* 중문의 경우도 동일한 규칙에 따르도록 합니다.

3. 타입컬러

가독성과 접근성을 중요하게 고려하여 색상을 신중하게 선택해야 합니다. 규칙에 맞는 컬러를 사용하는 것이 좋습니다.

• 

• 

• 

• 

• 

  세아 오렌지 컬러는 텍스트 링크 및 기본 동작에 사용됩니다.

• 

  기본 텍스트 컬러는 아이콘을 보조하는 곳에도 사용됩니다.

• 

  경고 메시지에는 레드 컬러가 사용됩니다.

• 

  승인 메시지에는 블루 컬러가 사용됩니다.

4. 폰트 스타일 유형

폰트 스타일 유형은 계층 구조에 대한 일련의 명확한 규칙을 만들기 위해 구성됩니다.
다양한 크기가 포함되어 있지만 지정된 목적으로 아래의 폰트 스타일을 사용하는 것이 중요합니다.
다양한 화면 크기에서 일관되고 안정적인 성능을 유지하려면 구성 요소 또는 UI에서 아래 유형을 적용해야 합니다.
( 정보량 기준은 MES 시스템과 같이 정보가 많은 경우와 일반적인 사용자가 사용하는 업무용 시스템처럼 정보량이 작은 곳을 기준으로 합니다.)