브랜드 가이드
하나의 마크, 하나의 그린, 하나의 보이스.
로고, 여백, 컬러, 서체, 보이스, 네이밍까지 Protocore 브랜드 시스템 전체를 한 페이지에 담았습니다. 여기서 읽거나 PDF로 받으세요.
로고 시스템
마크를 배치하는 네 가지 방법.
페이셋 코어 마크가 유일하게 직접 그린 자산입니다. 락업은 Roboto Medium으로 이름을 마크 옆이나 아래에 배치하며, 어느 쪽도 다시 그리지 마세요.
여백과 크기
둘레엔 여백, 아래엔 하한선.
두 가지 기준이 어디서든 마크의 가독성을 지켜 줍니다.
여백 — 사방으로 마크 너비만큼.
- 여백
- 사방으로 마크 자체의 너비만큼 확보합니다. 텍스트, 선, 페이지 가장자리 등 어떤 요소도 이 영역에 들어올 수 없습니다.
- 최소 높이 · 디지털
- 16px. 그보다 작으면 가독성이 떨어지므로 락업 대신 마크만 사용합니다.
- 최소 높이 · 인쇄
- 6mm.
컬러
다섯 가지 색, 엄격한 역할.
기본은 거의 무채색입니다. 그린은 테마가 아닌 포인트 컬러이며, 넓은 면에는 쓰지 않습니다.
밝은 배경 위의 텍스트. 어두운 면.
밝은 페이지 배경.
페이퍼 위의 카드. 잉크 위의 텍스트.
그린 — 어두운 면에서만 사용.
흰색 위의 액센트 텍스트 — 링크와 라벨.
타이포그래피
말은 Roboto가 합니다.
두 가지 서체면 충분합니다. 세 번째 서체도, 강조용 이탤릭도 쓰지 않습니다.
UI와 제목 — 본문은 400, 제목과 락업은 500, 700은 아껴서 사용합니다.
라벨, 아이브로, 숫자 — 대문자, 넓은 자간.
섹션 라벨은 슬래시 세 개와 공백으로 시작하며, Roboto Mono 대문자에 넓은 자간으로 설정합니다. 슬래시는 그림이 아니라 직접 입력한 문자입니다.
보이스 & 톤
적게 말하고, 진심을 담습니다.
헤드라인부터 버튼 라벨까지, Protocore의 모든 문구에 다섯 가지 규칙이 적용됩니다.
네이밍
제품은 패밀리 이름을 따릅니다.
하나의 패턴을 예외 없이 적용합니다.
- 첫 언급
- 전체 이름으로 표기합니다 — “Protocore Pay”, “Protocore Gateway”. 이후에는 제품명만 씁니다.
- PDS
- Protocore Design System의 약칭입니다. 첫 언급에서는 풀어 쓰고, 이후에는 PDS로 표기합니다.
- 회사
- Protocore — 한 단어, 대문자 P. ProtoCore, PROTOCORE, Proto Core로 쓰지 않습니다.
사용법
이렇게 쓰고, 이렇게는 쓰지 않습니다.
프레스 키트의 규칙을 전체 시스템으로 확장했습니다.
- 01마크 너비만큼의 여백을 사방에 확보합니다.
- 02밝은 배경에는 블랙, 어두운 배경에는 화이트 버전을 사용합니다.
- 03액센트 버전은 잉크(#0a0a0a) 배경에만 사용합니다.
- 04크기 조절은 SVG 파일로 하세요. 어떤 크기에서도 마크가 선명합니다.
- 05정사각형 영역에는 세로형 락업을 사용합니다.
- 06높이가 16px 미만이면 마크만 사용합니다.
- 01제공된 버전 외의 색으로 마크를 바꾸지 않습니다.
- 02회전, 외곽선 처리, 그림자 등 효과를 넣지 마세요.
- 03마크를 다시 그리거나 비율을 바꾸지 마세요.
- 04Protocore 이름에 다른 서체를 사용하지 마세요. 락업은 Roboto Medium을 사용합니다.
- 05흰색 위에 액센트 그린을 쓰지 않습니다. 이 경우 액센트 텍스트에는 #0e9e6e를 사용합니다.
- 06사진이나 그라데이션 위에 마크를 놓지 않습니다. 단색 잉크 또는 페이퍼 위에만 사용합니다.
파일
시스템을 그대로 가져가세요.
가이드는 PDF로, 에셋은 하나의 zip으로 받으실 수 있습니다. 개별 파일은 프레스 페이지에서 확인하세요.