BI 가이드
기사·소개 글·발표 자료 등 미디어에서 포트올리오(port-olio)를 소개할 때 참고하는 로고·컬러·표기 규정입니다. 이 페이지는 로그인 없이 누구나 볼 수 있습니다. 아래 원본 파일을 그대로 내려받아 쓰시고, 재가공·재채색은 하지 말아 주세요.
브랜드 자산
배치 규칙
좌우 배치 (기본)
심볼은 항상 왼쪽, 워드마크는 오른쪽입니다. AppBar·명함·문서 머리말처럼 가로로 넓은 자리의 기본형입니다. 심볼과 워드마크 사이 간격, 둘의 크기 비율은 logo.svg 원본 그대로 유지하고 임의로 좁히거나 늘리지 않습니다.
상하 배치 (세로 공간용)
앱 스플래시 화면, SNS 프로필처럼 가로보다 세로(또는 정사각형)에 가까운 자리에서만 씁니다. 심볼이 위, 워드마크가 아래, 가운데 정렬입니다. 워드마크 폭은 심볼 지름을 넘지 않게 줄입니다.
최소 크기
로크업(심볼+워드마크) 최소 가로 72px / 인쇄 20mm. 심볼 단독 최소 16px / 인쇄 5mm. 이보다 작아지면 심볼의 나선이 뭉개지므로 심볼만 단독으로 씁니다.
보호 여백
심볼 지름의 0.5배를 사방에 비웁니다. 다른 로고·문구·화면 가장자리가 이 여백을 침범하지 않게 합니다.
색상
기본은 컬러 버전입니다. 인쇄·팩스·각인처럼 색을 쓸 수 없는 매체에서만 아래 흑백 값을 씁니다.
올리브 그린 (심볼)
#9DA30B
다크 올리브 (워드마크)
#3D390F
1도 인쇄 (모노크롬, 밝은 바탕)
심볼·워드마크 전체를 다크 올리브
#3D390F 단색으로 씁니다. 그마저 재현할 수 없는 매체(팩스·저해상도 각인 등)에서는 순수 검정 #000000을 씁니다.반전 (어두운 바탕)
어두운 배경 위에서는 심볼·워드마크 전체를 흰색
#FFFFFF 단색으로 반전해 씁니다. 중간 톤 배경은 대비가 부족해 피합니다.브랜드명 표기
| 자리 | 표기 |
|---|---|
| 한글 정식명 | 포트올리오 |
| 영문 정식명 | port-olio |
| 영문 병기 | 포트올리오(port-olio) |
| 발음 | 포트-올리오 (port-olio) |
대문자를 쓰지 않습니다
영문 브랜드명은 어느 자리에서도 대문자를 쓰지 않습니다. 문장 맨 앞이라도 예외가 없습니다 — 하이픈으로 이어진 조어(造語)이기 때문에 대문자로 시작하면 두 단어처럼 보여 혼동을 만듭니다.
- 올바름:
port-olio - 금지:
Port-olio,Port-Olio,PORT-OLIO,PORT_OLIO
그 밖의 표기 규칙
- 띄어 쓰지 않습니다 —
포트 올리오(공백) 금지. - 옛 표기
포트-올리오, 옛 브랜드명책거리·Chaekgeori는 전량 폐기되었습니다. - 사람이 읽는 자리에는 한글 포트올리오를 기본으로 쓰고, 영문은 국제 자료·도메인·핸들에서만 단독으로 씁니다.
서체와 굵기
로고 워드마크 (고정 자산)
logo.svg·port-olio-logo.svg의 글자는 이미 Poppins로 그려져 outline path로 고정되어 있습니다. port-는 Regular, olio는 Bold — 이 굵기 대비 자체가 브랜드 표식이므로 전체를 같은 굵기로 바꾸거나 다른 서체로 다시 짜지 않습니다. 파일을 열어 글자를 수정하지 마세요.본문·기사에서 브랜드명을 언급할 때
일반 문장 속에 포트올리오/
port-olio를 쓸 때는 본문과 같은 서체(예: Pretendard)를 그대로 쓰면 됩니다. 로고 자산의 서체를 따로 구해 흉내 낼 필요는 없습니다 — 로고는 심볼·워드마크가 함께 있을 때만 "브랜드 그 자체"이고, 문장 속 텍스트는 일반 텍스트입니다.이렇게 쓰지 마세요
- 심볼·워드마크의 색을 다른 색으로 바꾸기
- 가로세로 비율을 다르게 늘리거나 찌그러뜨리기
- 그림자·그라디언트·외곽선·입체 효과 추가하기
- 사진이나 복잡한 배경 위에 대비 없이 바로 얹기
- 심볼과 워드마크의 좌우 순서를 바꾸거나 떼어서 다른 요소를 사이에 넣기
- 심볼을 회전하거나, 나선의 방향·굵기를 바꾸기
- 브랜드명을 대문자로 쓰거나 다른 서체로 다시 그리기