홍보센터 CI

CI

대우에스티의 브랜드 아이덴티티

CORPORATE IDENTITY

하나의 블루로
신뢰를 쌓다

대우에스티의 CI는 Deep Blue를 중심으로 한 단일 색 체계입니다. 깊고 차분한 블루 하나에 명도의 깊이를 더해, 건설 기업으로서의 신뢰와 전문성을 일관되게 전달합니다. 로고·컬러·그라데이션·타이포그래피의 기준을 정의해 모든 접점에서 같은 목소리를 내도록 합니다.

밝은 배경

흰색·밝은 톤 배경에서는 CI 원본 컬러(Deep Blue)를 사용합니다.

어두운 배경

네이비·이미지 등 어두운 배경에서는 화이트 로고를 사용해 가독성을 확보합니다.

권장 — 충분한 여백(로고 높이의 1/2 이상)을 확보하고, 원본 비율을 유지합니다.
지양 — 임의 색상 변경, 비율 왜곡, 그림자·외곽선 등 효과 추가, 복잡한 배경 위 직접 배치.
COLOR

컬러 · Brand Blue

CI 컬러 Deep Blue를 기준으로 합니다. CI 원본은 채도가 높아 화면에서 넓게 쓰면 다소 어두우므로, 면·제목·CTA에는 채도를 낮춘 Ink Navy를 사용해 가독성과 깊이를 함께 확보합니다.

CI 원본
Deep Blue (CI)
#044374
R4 G67 B116 · 로고/인쇄
PRIMARY
Ink Navy (화면용)
#0E2A5E
면·제목·CTA
DARK
Navy Dark
#022743
히어로 오버레이·배경
ACCENT
Accent Blue
#4A6BAE
링크·아이콘·호버
Tint
#EEF1F8
Ink
#1A1F29
Grey
#5B6675
Line
#E6E9EF
Soft
#F5F7FB
60%

Neutral

여백·배경. 깨끗하고 신뢰감 있는 베이스.

30%

Ink Navy

헤더·제목·CTA 등 핵심 요소.

10%

Accent

링크·호버·태그 등 포인트. 절제해서.

※ CI 원본 #044374는 회사 공식 규정값(R4 G67 B116)입니다. 화면에서 넓게 쓰면 다소 어두우므로 면·제목·CTA에는 Ink Navy(#0E2A5E)를 사용합니다.

GRADIENT

그라데이션 · 사용 가이드

그라데이션은 같은 블루 계열 안에서의 명도 차이로만 만듭니다. 이질적인 색을 섞지 않고, CI Deep Blue를 중심으로 어둡게 또는 밝게 흐르게 해 깊이와 입체감을 더합니다. 넓은 면(히어로·CTA·카드 배경)에 사용하고, 본문이나 작은 요소에는 단색을 씁니다.

Hero / Deep

히어로·풀스크린 배경. Ink Navy → CI → Navy Dark로 흐르는 기본 그라데이션.

linear-gradient(140deg, #0E2A5E, #044374, #022743)
Accent

CTA·버튼·강조 카드. CI에서 Accent로 밝아지는 흐름.

linear-gradient(120deg, #044374, #4A6BAE)
Glow (Radial)

섹션 배경에 빛이 번지는 느낌. 한쪽에서 은은하게 밝아지는 방사형.

radial-gradient(120% 140% at 30% 20%, #16335c, #0E2A5E, #06132C)
Value Up
Text Gradient

큰 제목의 강조 단어에만 제한적으로. 본문에는 사용 금지.

background-clip:text; linear-gradient(90deg, #0E2A5E, #4A6BAE)
권장 — 같은 블루 계열의 명도 차이로만. 각도는 일관되게(주로 120~140°). 넓은 면·배경·CTA에 사용.
지양 — 무지개·다색 그라데이션, 블루에 이질색 혼합. 본문 텍스트·얇은 선에 그라데이션 적용.
Legacy Heritage — 발라드 퍼플 사용 규칙 GRADIENT ONLY

과거 푸르지오 발라드의 시그니처였던 BALADE Purple (#662382)은 단색·면·텍스트·아이콘 등 일반 요소에는 사용하지 않습니다. 다만 두 브랜드의 통합과 발라드의 가치가 대우에스티로 흡수·계승되었다는 서사를 담아, 그라데이션의 끝색으로만 제한적으로 허용합니다. 반드시 CI Deep Blue에서 출발해 퍼플로 이어지는 방향이어야 하며, 퍼플이 주조색이 되어서는 안 됩니다.

※ 그라데이션은 "색을 섞는 것"이 아니라 "하나의 블루에 깊이를 주는 것"입니다. 항상 CI Deep Blue(#044374)를 기준점으로 두고 명도만 조절하세요.

TYPOGRAPHY

타이포그래피 · 위계

국문·영문·숫자를 하나의 패밀리로 통일하기 위해 Pretendard를 전 영역에 사용합니다. 제목은 무게감 있는 굵기(700~800)로 신뢰감을, 본문은 400으로 가독성을 확보합니다.

H1 · Display800 / 44px · 자간 -0.01em
건설 시공의 새로운 표준
H2 · Heading800 / 30px · Ink Navy
PC 전문 첨단 생산 시설
H3 · Subhead700 / 21px
HCS (Hollow Core Slab)
Lead · 도입문400 / 18px · 줄간격 1.6
공장에서 완성하고 현장에서 조립하는 차세대 건설 방식입니다.
Body · 본문400 / 16px · 줄간격 1.8
대우에스티는 국내외 최신 생산 설비와 자체 특허 기술을 바탕으로 고품질 제품을 공급합니다. 본문은 가독성을 위해 400 굵기, 줄간격 1.8을 기본으로 합니다.
Caption · 라벨500 / 13px
연간 생산능력 · 진천 PC 공장 준공
Kicker · 영문 라벨700 / 13px · 자간 0.24em · 대문자
OFF-SITE CONSTRUCTION
Aa가
Light 300
Aa가
Regular 400
Aa가
Medium 500
Aa가
Bold 700
Aa가
ExtraBold 800

테두리선 글씨 (Outline)

큰 헤딩(H1·H2)에 한해, 면을 비우고 윤곽선만 남긴 아웃라인 글씨를 강조용으로 사용할 수 있습니다. 채운 글씨와 나란히 써서 위계를 만들거나, 어두운 배경 위에 얹어 절제된 강조를 줍니다. 본문·소제목에는 사용하지 않습니다.

건설의 전 영역
VALUE UP TOGETHER

권장 위계 — H1 44px/800 · H2 30px/800 · H3 21px/700 · Lead 18px/400 · Body 16px/400(줄간격 1.8) · Caption 13px/500 · Kicker 13px/700(대문자, 자간 0.24em). 모바일에서는 H1 28~32px, H2 22~26px로 축소.