NEOHUMAN ← 메인 사이트
Brand Guidelines · v1.0

기술이 사람을 닮아야 한다고 믿습니다

이 문서는 NeoHuman의 로고, 심볼, 컬러, 타이포그래피를 일관되게 사용하기 위한 기준입니다. 로고 구성과 색상값, 최소 크기와 금지 규칙을 담았습니다.

02 — Symbol

심볼

가부좌의 사람과 그 몸을 지나는 두 갈래 흐름 — 하나는 호흡, 하나는 데이터입니다. 가슴의 결정체는 두 흐름이 만나는 지점입니다. 오른쪽의 파편은 밖으로 흩어지는 신호입니다.

NeoHuman 심볼
Primary Symbol
Dark
NeoHuman 장식 파편
Accent Fragments
장식 파편은 보조 요소입니다. 심볼 단독 사용 시에도 의미가 남는지 먼저 확인하고, 파편만 단독으로 로고처럼 쓰지 않습니다.
03 — Color

컬러

딥 네이비가 중심입니다. 민트와 마젠타는 강조에만 쓰고, 면적의 대부분은 화이트와 네이비가 차지합니다.

Deep Navy
Primary · 로고·제목·본문 강조
Ink Navy
Deep · 명함 텍스트
Soft Mint
Secondary · 워드마크 NEO
Cyan
Accent · 라벨·링크
Magenta
Accent · 경고·포인트
Bright Mint
Accent · 그래픽 파편
Navy 60%Mint 18%Cyan 11%Magenta 11%

면적 비율 기준. 마젠타를 큰 면적으로 쓰지 않습니다 — 강조가 사라집니다.

04 — Typography

타이포그래피

국문·영문 모두 Paperlogy. 태그와 코드, 숫자에는 IBM Plex Mono를 씁니다. 한글은 어절 단위로 줄바꿈합니다.

Display
인간과 기술의 다음 장
Paperlogy · 700 · clamp(30–48px) · letter-spacing -0.02em
Heading
기술이 사람을 닮아야 한다
Paperlogy · 700 · 26–32px · -0.015em
Subheading
실시간 그래픽 · 인터랙티브 시스템
Paperlogy · 600 · 17–18px
Body
빠른 것보다 오래 쓰는 것을, 화려한 것보다 정확한 것을 먼저 봅니다.
화면 뒤의 구조와 사람의 손끝 감각을 같은 무게로 다룹니다.
Paperlogy · 400 · 15–16px · line-height 1.7 · word-break keep-all
Label / Mono
Brand Guidelines — 01 Logo
IBM Plex Mono · 500–600 · 11–12px · letter-spacing 0.2em+

Paperlogy는 100~900 9개 웨이트를 정적으로 제공합니다. 이 페이지는 100·300·400·500·600·700·900을 로드했고, 그 밖의 값(750, 650 등)은 브라우저가 합성 볼드를 만들어 글자가 뭉갭니다.

05 — Usage

사용 규칙

로고의 형태와 비율은 고정입니다. 아래는 자주 발생하는 오용입니다.

AVOID 01

비율 변경

가로·세로를 따로 늘리거나 줄이지 않습니다. 원본 비율을 유지한 채 크기만 바꿉니다.

AVOID 02

색 임의 변경

워드마크의 NEO/MINT와 HUMAN/NAVY 조합은 고정입니다. 임의의 색으로 바꾸지 않습니다.

AVOID 03

회전·기울기

로고를 회전하거나 기울이지 않습니다. 시각 보정은 심볼에만 적용된 값입니다.

AVOID 04

낮은 대비

배경과 대비가 부족한 자리에 놓지 않습니다. 사진 위에는 단색 오버레이를 먼저 깝니다.

DO 01

여백 확보

심볼 높이의 1/4 이상을 여백으로 비웁니다. 로고 옆에 다른 로고를 나란히 두지 않습니다.

DO 02

작은 크기는 심볼만

16–30px 구간에서는 워드마크가 읽히지 않습니다. 심볼 단독으로 쓰고 alt에 회사명을 넣습니다.

DO 03

파편은 여백으로

장식 파편은 콘텐츠 밖 여백에만 둡니다. 텍스트 위에 겹치지 않습니다.

DO 04

서체는 두 개

Sans KR과 Mono 두 패밀리만 씁니다. 세 번째 서체가 필요하면 이 가이드를 먼저 고칩니다.

06 — Assets

에셋

로고 파일은 아래 두 개를 원본으로 씁니다. 배경이 투명한 PNG이며, 확대해서 쓸 때는 벡터 원본에서 다시 내보냅니다.

FILE 01

심볼 단독 (symbol.png)

투명 배경 · 278×285. 파비콘·앱 아이콘·작은 크기 전용.

NEOHUMAN 심볼
FILE 02

가로형 전체 (logo-full.png)

투명 배경 · 1183×285. 헤더·문서·서명 전용.

NEOHUMAN 로고
FILE 03

장식 파편 (accents.png)

투명 배경 · 220×231. 여백 전용, 본문 위 사용 금지.

NEOHUMAN 장식 파편