브랜드 디렉션 · 시각 정체성

Coherence

로고, 색, 서체, 이미지, 모션과 적용 기준을 하나의 시각 언어로 정리합니다.

로고, 색, 서체, 이미지, 레이아웃, 모션을 하나의 시각 언어로 정리합니다. 지면, 웹, 발표 자료까지 같은 인상으로 이어지도록 합니다.

활용 범위디지털, 인쇄, 제품, 발표에 걸쳐 쓰이는 곳. 완성 산출물프로젝트 범위에 맞춰 정리되는 파일, 사용 기준. A로고와 패턴이름이 중심이 되는 이유, 그에 따른 로고 구성, 워터라인 패턴. B색과 톤절제된 색으로 또렷하게. C타이포그래피서체의 역할과 기준.

방향 · 흐름

이름이 자리잡고, 선이 유지됩니다

움직임은 의도가 드러나는 것입니다 — 절제되고, 장식적이지 않게.

활용 범위
시각 정체성이 실제 자산이 되는 곳.

시각 정체성은 로고만이 아닙니다. 브랜드가 보이고, 다뤄지고, 공유되고, 발표되는 곳마다 명확한 기준이 필요합니다.

Marine Bach 웹사이트·모바일 화면 목업
디지털 화면과 온라인 자료
  • 웹사이트 · 랜딩 페이지
  • 소셜 아이덴티티 · 게시물 템플릿
  • 이메일 서명 · 디지털 레터헤드
  • 온라인 브랜드 · 소개 헤더
Marine Bach 인쇄물 목업 — stationery and business cards
인쇄물과 브랜드 자료
  • 명함
  • 레터헤드 · 봉투
  • 인쇄 브랜드 소개서
  • 전단 · 인쇄 초대장
Marine Bach 제품·패키지 목업
제품 및 패키지 적용
  • 패키지 · 박스
  • 제품 라벨
  • 행택 · 스티커
  • 매장 · 디스플레이 사이니지
발표 Marine Bach 발표 자료 목업
제안서, 피치덱, 프레젠테이션 자료
  • 브랜드 · 피치덱 템플릿
  • 제안서 표지 · 레이아웃
  • 한 장 브랜드 시트
  • 발표 슬라이드 · 네임카드

구체적인 적용은 브랜드마다 다릅니다. 모든 형식을 기본으로 만드는 게 아니라, 시각 시스템이 어디에 필요한지를 정하는 것이 핵심입니다.

01A · 워드마크, 선, 규칙
워드마크를 중심으로 축선은 브랜드의 시각 기준이 됩니다.
Marine Bach wordmark
Pearl white reference
Light water reference
Horizon ripple reference
Slate ripple reference
Quiet deep water reference
Dark water line reference
Paper
#F3F1EB
Panel
#ECE9E1
Greige Line
#C9C3B7
Slate Soft
#5A6678
Axis Navy
#222E48
Ink Navy
#19223A
워드마크가 중심입니다.

Marine의 고요한 바다와 Bach의 흐르는 물길을 가로지르는 의미를 선으로 표현합니다. 가치를 이름과 기준 안에서 완성합니다.

이미지 · 수평선

시각 규칙으로서의 워터라인

Primary horizontal wordmark
Primary
Full lockup
Full
Stacked wordmark
Secondary
Soft wordmark
Editorial
서브마크 · 파비콘
서브마크 · 파비콘
Symbol combination reference
참고

이미지 시스템은 아이덴티티와 같은 절제를 따릅니다. 수평선, 표면, 반사, 선, 절제된 여백을 중심으로 구성합니다. 물의 이미지는 브랜드의 시각 구조로 작동합니다.

03A · 검토한 로고
로고는 여러 형태를 가질 수 있습니다. 각각을 이름과 견주어 검토했습니다.
선택Marine Bach primary wordmark
워드마크
보조Marine Bach lettermark — geometric and monogram support marks
Lettermark
제외Declined pictorial logo exploration
Pictorial Mark
보조Abstract geometric development process
Abstract Mark
참고Marine Bach emblem exploration
Emblem
제외Declined character logo exploration
Character Mark
워드마크를 선택했습니다.

심볼을 더하지 않습니다. 가치는 이름과 그 뒤의 기준에 있기 때문입니다. 축선만이 이름과 함께 가는 유일한 고정 요소입니다.

04로고 모션 · 패턴

분명하고, 필요한 모션을 남깁니다.

Marine Bach. Align brand intention.
Waterline pattern one
Waterline pattern two
Waterline pattern three
C · 타이포그래피
각 서체는 하나의 역할을 갖습니다.
Spectral · Eyebrow
브랜드 디렉션 · 시각 정체성
Marine Bach Display · Headline
Align brand intention Marine Bach Display sample
Cormorant Garamond · Subhead
로고, 색, 타이포그래피, 패턴, 모션, 적용 기준.
Spectral · Body

디스플레이 서체는 헤드라인을 잡고, 세리프는 균형을 맞추며, 본문 서체는 긴 문장의 가독성을 높입니다. 각 서체의 역할을 분리해 명확하게 유지합니다.

Cormorant Garamond · Button
문의하기
Spectral · Caption
그림 01 — 실제 타입 위계
세 서체를 하나의 구조로.
Marine Bach Display Aa specimen
Marine Bach Display 맞춤 제작 가능
디스플레이 · 헤드라인·표지
Marine Bach Display headline specimenMarine Bach Display alphabet specimen

워드마크의 논리에서 맞춤 타이포그래피를 발전시킬 수 있습니다 — 헤드라인, 표지, 워드마크 주변, 선택된 브랜드 자산용으로. 프로젝트 범위에 따라 레터링 방향으로 남거나, 별도 단계로 완전한 폰트 개발로 확장됩니다.

Aa
Cormorant Garamond
디스플레이 보조 · 제목·인용
Align brand intention
A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9. , : ; - – — / & ( ) ! ? ~ + = _ ‘ ’ “ ” @ # $ % * [ ] { } |

디스플레이 서체의 짝입니다. 맞춤 서체가 정해지지 않은 곳에서 제목과 인용을 맡고, 시각 언어를 장식 없이 문학적으로 유지합니다.

Aa
Spectral
본문 · 본문·캡션
Align brand intention
A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9. , : ; - – — / & ( ) ! ? ~ + = _ ‘ ’ “ ” @ # $ % * [ ] { } |

본문 서체는 페이지를 읽기 쉽고 차분하게 유지합니다 — 메시지와 경쟁하지 않고 받쳐줍니다. 본문, 노트, 설명, 캡션에 씁니다.

Pretendard
한글 본문 · 전체 한국어 텍스트
브랜드의 방향을 정합니다
가 나 다 라 마 바 사 아 자 차 카 타 파 하 ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ ㅊ ㅋ ㅌ ㅍ ㅎ 0 1 2 3 4 5 6 7 8 9 . , : ; · — / ( ) ! ? ~ + = ‘ ’ “ ” @ # % * [ ] { }

한국어판의 모든 본문, 라벨, 캡션에 쓰는 한글 서체입니다. 영문 서체(Cormorant·Spectral)와 같은 화면에서 균형을 이루도록, 또렷하고 차분한 고딕을 씁니다.

C2실제 적용 기준
타이포그래피, 간격, 색, 대비, 로고 사용의 작은 차이가 브랜드의 인상을 바꿉니다. 이 예시들은 시각 가이드라인이 정체성 시스템의 일부임을 보여줍니다.
×
시각
정체성
시스템
시각 정체성
시스템
타이포그래피가 톤을 바꿉니다.
같은 단어도 타입 역할을 어떻게 정하느냐에 따라 흩어져 보이거나 의도적으로 보입니다.
×
명료함은
축소가 아닙니다.
명료함은
축소가 아닙니다.
간격이 정밀함을 바꿉니다.
자간과 행간이 정체성을 정돈되게, 빽빽하게, 또는 불안정하게 만듭니다.
×
시각 정체성
시스템
시각 정체성
시스템
대비가 사용성을 바꿉니다.
절제된 팔레트도 텍스트, 라벨, 디지털 사용에 충분한 대비가 필요합니다.

실제 작업에서는 실용 가이드라인이 됩니다: 타입 역할, 간격 규칙, 대비 점검, 로고 사용, 출처, 전달 노트.

완성 산출물
프로젝트 범위에 맞춰 정리되는 파일, 사용 기준.
브랜드 보드

로고, 색, 서체, 패턴과 시각 기준을 한 장에서 볼 수 있도록 정리한 시스템 보드.

브랜드 가이드 문서

브랜드 방향, 로고 사용, 색, 서체, 패턴, 적용 기준, 전달 메모를 정리한 기준 문서.

로고 세트

메인 로고, 보조 로고, 서브마크, 파비콘을 작업 범위에 맞춰 벡터 및 이미지 형식으로 준비합니다.

브랜드 콘셉트 필름 (5–10s)

사이트, 소셜, 오프닝 등에 사용할 수 있는 아이덴티티를 영상화합니다.

서체 및 색상 시스템

서체 방향, 팔레트 값, 대비 기준, 위계, 기본 사용 규칙.

패턴 세트

밝은 배경, 어두운 배경, 여백형, 적용형으로 사용할 수 있는 그래픽 요소.

커스텀 디스플레이 레터링

워드마크, 헤드라인, 커버, 일부 브랜드 자료에 사용할 수 있는 커스텀 타이포그래피 방향. 필요한 경우 레터링 방향에서 시작해 별도 단계의 폰트 파일 개발까지 확장할 수 있습니다.

사용 기준 및 출처 기록

파일 정리, 사용 범위, 출처 기록, 라이선스 메모를 포함한 적용 가이드.

워드마크와 핵심 파일만, 또는 전체 시스템 — 프로젝트 범위에 따라.