Design System
비주얼 아이덴티티
& 아키텍처
킨도프는 단순한 패션 레이블이 아닙니다. 우리는 여성복 엔지니어링 하우스입니다.
우리는 소프트웨어 아키텍처와 기계 공학의 엄격함을 의류의 드레이프, 구조, 수명 주기에 적용합니다. 우리의 비주얼 아이덴티티는 이러한 이중성을 반영해야 합니다. 정밀하면서도 우아하고, 체계적이면서도 깊이 인간적입니다.
모든 에셋, 색상, 타이포그래피 선택은 확장 가능한 대규모 디자인 시스템의 의도적인 구성 요소입니다. 브랜드는 소리치지 않습니다. 세심한 실행을 통해 조용한 자신감을 보여줍니다.
02. 로고 시스템
가로형 워드마크
네비게이션 바, 헤더 및 넓은 포맷을 위한 기본 로고입니다.
정방형 / 프로필 로고마크
소셜 미디어 아바타, 프로필 사진 및 정방형 제약 조건에 최적화되었습니다.
파비콘 / 마이크로
브라우저 탭, 앱 아이콘 및 극소형 사용(16px - 32px) 전용입니다.
03. 최소 여백 및 크기
최소 여백 (Clear Space)
가독성과 임팩트를 보장하기 위해 로고 주변에는 항상 최소한의 여백이 있어야 합니다. 이 여백은 워드마크의 소문자 "k" 높이로 정의됩니다.
최소 크기 (Minimum Size)
해상도와 가독성을 유지하기 위해 워드마크는 인쇄 및 디지털 매체에서 아래 지정된 치수보다 작게 표시되어서는 안 됩니다.
80px25mm16px04. 오용 사례
킨도프 로고는 브랜드 무결성을 유지하기 위해 일관되게 사용되어야 합니다. 로고를 어떠한 방식으로든 변경, 왜곡 또는 수정하지 마십시오. 아래는 오용 사례입니다.
Incorrect Usage
Incorrect Usage
Incorrect Usage
Incorrect Usage
Incorrect Usage
Incorrect Usage
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. 타이포그래피
우리의 타이포그래피 시스템은 문화적, 시각적 무결성을 보장하기 위해 언어별로 엄격하게 분리되어 있습니다. 언어를 선택하여 해당 타이포그래피 가이드를 확인하세요.
Playfair Display
Primary / Display / Headings
Weights: Light (300), Regular (400)
Style: Italic heavily favored
haute couture & deep tech.
Elegance is not standing out, but being remembered.
Inter
Secondary / Body / UI
Weights: Light (300), Regular (400), Medium (500)
긴 글 읽기, 단락 및 기능적 UI 요소에 사용됩니다. 표현력이 풍부한 세리프체와 대비되어 명확성과 현대적인 중립성을 제공합니다.
Kyndof is an engineering house dedicated to redefining womenswear through structural precision and material innovation.
JetBrains Mono
Numerals / Data / Code
Weights: Light (300), Regular (400)
브랜드의 엔지니어링 측면을 강조하기 위해 기술 데이터, 치수 및 정밀한 수치 정보에 사용됩니다.
0 1 2 3 4 5 6 7 8 9 & @ # % * ! ?
마이크로 타이포그래피 및 스케일
Display 1
Display 2
Heading 1
Body Large
Body Regular
시각적 여백 정렬
따옴표나 하이픈 같은 문장 부호는 텍스트 블록 바깥으로 내어쓰기(Hanging punctuation)하여 완벽한 수직 여백을 유지해야 합니다.
언어별 특수 규칙
아랍어는 복잡한 어센더를 수용하기 위해 15-20% 더 넓은 줄 간격이 필요합니다. 한중일(CJK) 폰트는 라틴 문자보다 약간 더 넓은 자간이 필요합니다.
07. 폰트 혼용 법칙
"킨도프 타이포그래피 방정식"은 오트 쿠튀르(세리프)와 딥테크(산세리프)라는 우리의 이중성을 시각적으로 표현하기 위해 세리프와 산세리프의 의도적인 혼용을 적극 활용합니다.
법칙 01: 에디토리얼 혼용 (제목)
디스플레이 및 제목(Heading)에서는 산세리프(대문자)와 세리프 이탤릭을 적극적으로 혼용하여 강렬하고 고급스러운 에디토리얼 룩을 연출합니다.
The Blueprint of Fashion
Correct (Display Mixing)
법칙 02: 본문 텍스트의 강조
본문(Body) 텍스트는 가독성을 위해 산세리프를 기본으로 하지만, 단락 내에서 핵심 용어나 개념을 강조할 때는 세리프 이탤릭(또는 오블리크)과 브랜드 강조색을 혼용합니다.
Kyndof is an engineering house.
Correct (Body Emphasis)
법칙 03: 유니버설 오블리크 (이탤릭의 재정의)
전통적인 CJK(한중일) 타이포그래피는 이탤릭을 기피하지만, 킨도프는 비라틴 문자에 정밀하게 계산된 기울기(Oblique)를 의도적으로 적용합니다. 이러한 엔지니어링적 접근은 모든 글로벌 언어에서 타협하지 않는 통일된 시각적 정체성을 보장합니다.
패션의 블루프린트.
Correct (Engineered Oblique)
08. 톤 앤 매너
정밀하고 학구적인
우리는 엔지니어의 권위와 쿠튀리에의 세련됨으로 말합니다. 과장, 마케팅 수사, 지나치게 감정적인 언어는 피합니다. 사실, 방법론, 결과를 명확하게 서술합니다.
"구조적 수명을 위해 엔지니어링 되었습니다."
타협하지 않는
우리의 어조는 우리의 기준을 반영합니다. 우리는 복잡성에 대해 사과하지 않고, 그것을 조명합니다. 우리는 청중의 지성을 존중하며 조용하고 절대적인 자신감으로 혁신을 제시합니다.
"당신이 입어볼 가장 아름다운 드레스!"