Design System
비주얼 아이덴티티
& 아키텍처
킨도프는 단순한 패션 레이블이 아닙니다. 우리는 여성복 엔지니어링 하우스입니다.
우리는 소프트웨어 아키텍처와 기계 공학의 엄격함을 의류의 드레이프, 구조, 수명 주기에 적용합니다. 우리의 비주얼 아이덴티티는 이러한 이중성을 반영해야 합니다. 정밀하면서도 우아하고, 체계적이면서도 깊이 인간적입니다.
모든 에셋, 색상, 타이포그래피 선택은 확장 가능한 대규모 디자인 시스템의 의도적인 구성 요소입니다. 브랜드는 소리치지 않습니다. 세심한 실행을 통해 조용한 자신감을 보여줍니다.
02. 로고 시스템
가로형 워드마크
네비게이션 바, 헤더 및 넓은 포맷을 위한 기본 로고입니다.
정방형 / 프로필 로고마크
소셜 미디어 아바타, 프로필 사진 및 정방형 제약 조건에 최적화되었습니다.
파비콘 / 마이크로
브라우저 탭, 앱 아이콘 및 극소형 사용(16px - 32px) 전용입니다.
03. 최소 여백 및 크기
최소 여백 (Clear Space)
가독성과 임팩트를 보장하기 위해 로고 주변에는 항상 최소한의 여백이 있어야 합니다. 이 여백은 워드마크의 소문자 "k" 높이로 정의됩니다.
최소 크기 (Minimum Size)
해상도와 가독성을 유지하기 위해 워드마크는 인쇄 및 디지털 매체에서 아래 지정된 치수보다 작게 표시되어서는 안 됩니다.
80px25mm16px04. 오용 사례
킨도프 로고는 브랜드 무결성을 유지하기 위해 일관되게 사용되어야 합니다. 로고를 어떠한 방식으로든 변경, 왜곡 또는 수정하지 마십시오. 아래는 오용 사례입니다.
05. 컬러 아키텍처
우리의 컬러 시스템은 CSS 아키텍처에 직접 매핑됩니다. 옵시디언과 로우 실크 사이의 극명한 대비에 의존하여 구조를 만들고, 시맨틱 컬러는 기능적 피드백을 위해서만 엄격하게 적용됩니다.
파운데이션 팔레트
Obsidian
--color-bg-primary주 배경 / 기본 구조
HEX
#0c080a
RGB
12, 8, 10
Raw Silk
--color-text-primary주요 텍스트 / 밝은 배경
HEX
#f4ece6
RGB
244, 236, 230
Rose Dust
--color-accent브랜드 강조 / 인터랙티브 요소
HEX
#cda49f
RGB
205, 164, 159
구조적 팔레트
Carbon Thread
--color-surface상위 표면 / 카드 / 모달 배경
HEX
#1a1618
RGB
26, 22, 24
Pattern Paper
--color-text-secondary보조 텍스트 / 차분한 배경
HEX
#e6ddd7
RGB
230, 221, 215
Steel Pin
--color-border테두리 / 구분선 / 비활성 상태
HEX
#4a4548
RGB
74, 69, 72
시맨틱 및 피드백 팔레트
Cochineal
--color-error
삭제 액션 / 오류 (코치닐 레드)
Verdigris
--color-success
검증 완료 / 성공 (산화동 그린)
Brass
--color-warning
경고 / 대기 상태
06. 타이포그래피
우리의 타이포그래피 시스템은 문화적, 시각적 무결성을 보장하기 위해 언어별로 엄격하게 분리되어 있습니다. 언어를 선택하여 해당 타이포그래피 가이드를 확인하세요.
Nanum Myeongjo
Primary / Display / Headings
Weights: Light (300), Regular (400)
Deep Tech의 교차점.
가 나 다 라 마 바 사 아 자 차 카 타 파 하 거 너 더 러 머 버 서 어 저 처 커 터 퍼 허 고 노 도 로 모 보 소 오 조 초 코 토 포 호
Pretendard
Secondary / Body / UI
Weights: Light (300), Regular (400), Medium (500)
긴 글 읽기, 단락 및 기능적 UI 요소에 사용됩니다. 표현력이 풍부한 세리프체와 대비되어 명확성과 현대적인 중립성을 제공합니다.
가 나 다 라 마 바 사 아 자 차 카 타 파 하 거 너 더 러 머 버 서 어 저 처 커 터 퍼 허 고 노 도 로 모 보 소 오 조 초 코 토 포 호
JetBrains Mono
Tertiary / Technical / Data
Weights: Light (300), Regular (400)
메타데이터, 기술 사양, 캡션 및 네비게이션에 사용됩니다. 브랜드의 엔지니어링 DNA를 강화합니다. (영문 및 숫자 전용).
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 Z
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 z
0 1 2 3 4 5 6 7 8 9
07. 폰트 혼용 법칙
"킨도프 타이포그래피 방정식"은 오트 쿠튀르(세리프)와 딥테크(산세리프)라는 우리의 이중성을 시각적으로 표현하기 위해 세리프와 산세리프의 의도적인 혼용을 적극 활용합니다.
법칙 01: 에디토리얼 혼용 (제목)
디스플레이 및 제목(Heading)에서는 산세리프(대문자)와 세리프 이탤릭을 적극적으로 혼용하여 강렬하고 고급스러운 에디토리얼 룩을 연출합니다.
The Blueprint of Fashion
Correct (Display Mixing)
법칙 02: 본문 텍스트의 순수성
제목에서는 혼용을 허용하지만, 본문(Body) 텍스트는 가독성을 극대화하기 위해 엄격하게 산세리프만 사용해야 합니다. 일반 단락 내에서는 폰트를 섞지 마십시오.
Kyndof is an engineering house.
Incorrect (Body Mixing)
법칙 03: 다국어 이탤릭 처리
한글/일어 등 CJK 폰트는 진정한 이탤릭체가 없으며, 강제로 기울이면 품질이 떨어집니다. 대신 CJK 문장 내의 핵심 용어를 영문 세리프 이탤릭으로 대체하여 삽입하십시오.
패션의 Blueprint.
Correct (English Italic in CJK)
08. 톤 앤 매너
정밀하고 학구적인
우리는 엔지니어의 권위와 쿠튀리에의 세련됨으로 말합니다. 과장, 마케팅 수사, 지나치게 감정적인 언어는 피합니다. 사실, 방법론, 결과를 명확하게 서술합니다.
"구조적 수명을 위해 엔지니어링 되었습니다."
타협하지 않는
우리의 어조는 우리의 기준을 반영합니다. 우리는 복잡성에 대해 사과하지 않고, 그것을 조명합니다. 우리는 청중의 지성을 존중하며 조용하고 절대적인 자신감으로 혁신을 제시합니다.
"당신이 입어볼 가장 아름다운 드레스!"