CI 소개
심벌과 색은 「단계적으로 쌓아 올린다」는 사업 방식을 나타냅니다.
IDENTITY
심벌
세 개의 블록이 왼쪽에서 오른쪽으로 높아집니다. 한 번에 세우지 않고 단계를 밟아 올린다는 뜻입니다.
가장 낮은 블록은 사전 검토와 합의를, 가운데 블록은 인허가와 시공을, 가장 높은 노란 블록은 입주 이후의 운영을 뜻합니다. 노란색을 마지막 블록에 쓴 것은 준공이 끝이 아니라 그때부터 30년이 시작된다는 의미입니다.
COLOR
기본 색 (실측 기준값)
색 체계는 참고 원본 실측값을 기준으로 정했습니다. 대비값은 흰 배경 기준입니다.
| 용도 | HEX | 대비 | 비고 |
|---|---|---|---|
| 주조색 | #2F5BC1 | 6.20 : 1 | 헤더 인디케이터, 주요 버튼, 링크 |
| 주조색 진한 톤 | #32569D | 7.11 : 1 | 버튼 hover, 강조 배경 |
| 틴트 배경 | #DEE8FF | — | 태그 배경, 아이콘 배경 |
| 포인트 옐로 | #FFCE00 | 다크면 9.69 : 1 | 다크면에서만 사용. 흰 배경 위 텍스트로 쓰지 않습니다 |
| 본문색 | #333333 | 12.63 : 1 | 기본 텍스트 |
| 보조 텍스트 | #5B6472 | 5.98 : 1 | 설명문, 캡션 |
| 다크면 | #23293C | 흰 글자 14.45 : 1 | 푸터, 통계 섹션 |
원본에서 쓰인 #777777(4.48:1)과 #6B7E98 위 흰 글자(4.15:1)는 WCAG AA 기준에 미달해 채택하지 않았습니다.
TYPO & SHAPE
타이포그래피와 형태 규칙
| 항목 | 값 |
|---|---|
| 본문 서체 | Pretendard → Malgun Gothic → Apple SD Gothic Neo 순 대체 |
| 본문 크기 | 16px / line-height 1.75 / word-break: keep-all |
| 제목 굵기 | 800 / letter-spacing -0.02em / line-height 1.35 |
| 버튼 | 높이 50px · radius 5px · 17px / weight 500 · 좌우 여백 30px |
| 카드 | radius 10px · 1px 테두리 #EAEAEA |
| 태그 | radius 17px · 높이 33px · 15px / weight 700 |
| 컨테이너 | 최대 1400px · 좌우 여백 20px |
| 브레이크포인트 | 1280px / 1024px / 768px |
RULE
사용 규칙
하지 말아야 할 것
심벌을 기울이거나 색을 바꾸지 않습니다. 블록 사이 간격을 임의로 좁히지 않습니다. 노란 블록만 따로 떼어 쓰지 않습니다.
최소 여백
심벌 주위에는 가장 낮은 블록 높이만큼의 여백을 둡니다. 다른 로고와 나란히 놓을 때도 같은 여백을 적용합니다.
흑백 사용
단색 인쇄 시 세 블록을 명도 차이로 구분합니다. 노란 블록은 가장 밝은 회색으로 대체합니다.
CI 원본 파일이 필요하십니까?
샘플 페이지이므로 실제 파일은 제공되지 않습니다. 실제 사이트에서는 AI·EPS·PNG 파일과 사용 지침서를 자료실에서 내려받게 됩니다.