keyAI

브랜드 아이덴티티
가이드라인

로고, 서체, 컬러, 이미지, 패턴, 적용까지 — 하나의 마크에서.버전 1.2 · 2026년 10월

목차

각 페이지는 keyAI 아이덴티티를 쓸 때 생기는 질문 하나에 답합니다. 페이지 번호는 화면 아래의 카운터와 같습니다.

브랜드 아이디어

제품
회사를 위한 AI 운영체제
약속
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.
이름
항상 “keyAI”: 소문자 k, 대문자 A와 I, 붙여 쓴 한 단어.

하나의 스파크를 이루는 두 조각. 일, 그리고 그 일을 승인하는 사람.

마크는 네 갈래 스파크에서 사분면 두 개를 떼어 놓고 어긋나게 둔 모양입니다. 장식은 하나도 없습니다. 이 책의 모든 크롭과 레이아웃은 이 두 모양에서 잘라 냅니다.

이것은 저희가 마크를 읽는 방식이지, 마크에 새겨진 규칙은 아닙니다. 아이덴티티에는 한 가지 역할이 생깁니다. 일이 사람에게 넘어가고, 그 사람이 승인할 때까지 거기서 멈추는 것을 보여 주는 일입니다.

02

보이스

keyAI는 차분한 비서실장처럼 말합니다. 무엇을 했는지, 무엇이 사람을 기다리는지, 다음에 무슨 일이 일어나는지.

버벌 아이덴티티

keyAI는 차분한 비서실장처럼 말합니다. 무엇을 했는지, 무엇이 사람을 기다리는지, 다음에 무슨 일이 일어나는지. 짧은 문장, 핵심 먼저, 과장 없이. 한국어와 영어는 같은 내용을 말하되 같은 단어를 쓰지는 않습니다.

보이스
차분한 비서실장
저희 · 우리 팀
“저희”는 Keynexion, “우리 팀”은 고객
출처
랜딩 카피와 한국어 용어집

재치보다 분명하게.

권장

승인을 기다리는 초안이 3개 있습니다.

지양

AI 마법이 준비됐어요!

과장 없이 정확하게.

권장

첫 부서는 마케팅입니다. 다음은 영업입니다.

지양

팀을 대체하는 혁신적인 AI.

차분하되 차갑지 않게.

권장

승인하기 전에는 아무것도 나가지 않습니다.

지양

완전 자동. 사람은 필요 없습니다.

쓰는 말

승인 · 초안 · AI 부서 · 수정 요청 · 승인함 · 주간 리포트

피하는 말

마법 · 혁신적인 · 완전 자동 · 직원 대체 · 10배

메시지 위계

다섯 층을 위에서 아래로 읽습니다. 1~3층은 두 언어에서 문구가 고정입니다. 4~5층은 대상에 따라 바뀌지만, 보여 줄 수 있는 사실만 씁니다.

태그라인
일은 AI가, 승인은 사람이.
헤드라인
한국어 20자 이내
숫자
측정한 숫자만, 측정한 날짜와 함께
  1. 01 · 포지셔닝

    회사를 위한 AI 운영체제.

  2. 02 · 태그라인

    일은 AI가, 승인은 사람이.

  3. 03 · 약속

    일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.

  4. 04 · 근거

    첫 부서는 마케팅. 서울에서 만듭니다. 결과는 매출과 이익으로 봅니다.

  5. 05 · 행동

    부서 하나로 시작하세요. 상담 예약

기본 로고

스파크와 “keyAI” 글자를 함께 쓴 로고입니다. 첫인상이 되는 모든 곳에 쓰는 로고입니다. 사이트 헤더, 문서, 발표 자료, 사인. 이 조합은 고정이므로 다시 만들지 않습니다.

글자
Host Grotesk Semibold 600, 자간 −3.5 %
스파크
글자 크기의 1.4배, 글줄 가운데 정렬
간격
스파크 끝에서 k까지 ½x (x = 대문자 높이), 글자 크기의 0.35배
출처
ai.keynexion.io 헤더, 1.2에서 간격을 좁힘
keyAI
keyAI

허용 배색

로고는 한 번에 한 가지 색, 잉크 또는 화이트입니다. 민트는 두 가지 민트 바탕 위에서만 로고 색이 됩니다. 사진 위에서는 가장 어둡고 차분한 영역에 화이트를 쓰고, 필요하면 검정 35 % 스크림을 깝니다.

대비
로고와 바탕 사이 4.5 : 1 이상
사진
화이트만, 차분한 영역, 스크림 ≤ 35 %
keyAI
keyAI
keyAI
keyAI
keyAI
keyAI

구조

사분면 하나를 모서리 둘레로 네 번 돌리면 네 갈래 스파크가 됩니다. 마크는 이런 스파크 둘에서 서로 마주 보는 사분면 두 개를 가져와, 두 조각이 서로 비껴가도록 어긋나게 둔 모양입니다. 모양은 점대칭입니다.

단위 q
184 — 사분면 한 변, 마크 높이의 47 %
어긋남
중심 2는 중심 1에서 왼쪽 35.4, 아래 21.5
대칭
(272, 270)을 중심으로 180°
측정
마스터 아트워크, 540 단위 격자 기준

여백

x는 “keyAI”의 대문자 높이입니다. 스파크는 k에서 ½x 떨어지고, 락업 사방에 1x를 비워 둡니다. 마크만 쓸 때는 마크 높이의 ½을 비웁니다. 이 영역에는 글자, 가장자리, 이미지 디테일, 다른 로고가 들어오지 않습니다.

간격
스파크 끝에서 k 줄기까지 ½x (글자 크기의 0.35배)
락업
사방 1x (글자 크기의 0.70배)
마크
사방 마크 높이의 ½
예외
앱 아이콘과 파비콘은 플랫폼 격자를 따름
keyAI 1x1x
½½

최소 크기

이 크기보다 작아지면 두 조각 사이 간격이 막히고 “keyAI”의 대문자가 구분되지 않습니다. 락업이 최소 크기보다 작아질 때는 마크만 씁니다.

락업
화면 너비 64 px · 인쇄 18 mm
마크
화면 16 px · 인쇄 5 mm
실제 사용
사이트 헤더 80 px · 파비콘 16 px
keyAI

64 px최소 락업

keyAI

80 px사이트 헤더

keyAI

160 px문서, 발표 자료

16 px최소 마크 · 파비콘

32 px아바타, 탭

64 px앱 아이콘, 마크 58 %

로고
쓰임

로고는 주인공이거나 서명입니다. 주인공일 때는 화면에서 가장 크고, 서명일 때는 헤드라인 아래 왼쪽 구석에 작게 놓입니다. 옆 글자와 같은 크기로 두지 않습니다.

① 주인공
락업 폭이 면 폭의 ⅓ 이상, 더 큰 요소 없음
② 서명
대문자 높이가 헤드라인 대문자 높이의 ½ 이하, 왼쪽 아래 여백선
금지
로고와 헤드라인을 같은 크기로
①keyAI
②

일은 AI가,
승인은 사람이.

keyAI

공동
브랜딩

파트너와 함께 쓸 때는 두 로고를 한 줄에 두고 가는 선으로 나눕니다. keyAI가 먼저 옵니다. 선 양쪽 간격은 1x, 파트너 로고는 스파크보다 높지 않게 둡니다.

단위
x = “keyAI” 대문자 높이
간격
선 양쪽 1x
선
1 px, 스파크 높이, 로고 색 50 %
파트너
스파크보다 높지 않게, 상자가 아니라 눈으로 가운데 맞춤
keyAI파트너 로고
keyAI파트너 로고

잘못된 사용

로고는 완성된 아트워크로 제공됩니다. 다시 그리거나 고치거나 장식하지 마세요. 레이아웃이 이런 변형을 필요로 하는 것 같다면 레이아웃을 바꾸세요.

그 밖의 금지
로고를 다른 회사의 이름이나 제품에 쓰는 것, keyAI가 하지 않은 보증을 암시하는 것.
keyAI

늘이거나 찌그러뜨리지 않기

keyAI

회전하지 않기

keyAI

색을 바꾸지 않기

keyAI

윤곽선만 쓰지 않기

keyAI

배치를 바꾸지 않기

KeyAi

글꼴·대소문자를 바꾸지 않기

keyAI

조각을 옮기지 않기

keyAI

낮은 대비로 쓰지 않기

사용 예

어두운 바탕, 분명한 주제 하나, 조용한 모서리의 흰색 로고.

keyAI

로고 마크

스파크만 쓰는 로고입니다. 이름이 이미 있거나 공간이 정사각형일 때 씁니다. 앱 아이콘, 파비콘, 아바타, 도장, 패턴. 배색은 네 가지뿐입니다.

비율
331 × 390 (너비 × 높이, 마스터 단위)
컬러
잉크, 화이트, 연한 민트 위 민트 600, 짙은 민트 위 글로 300
파일
assets/spark.svg, spark-mark.svg · 마스터 PNG 540 px

로고 버전

로고는 하나이고 버전은 여섯 가지이며, 쓸 수 있는 공간에 맞춰 고릅니다. 들어가는 가장 큰 버전을 씁니다. 새 버전은 만들지 말고 요청하세요.

순서
기본 → 세로형 → 워드마크 → 마크 → 앱 아이콘 → 파비콘
파일
keyai-logo-<version>-<colour>.svg, 예: keyai-logo-primary-ink.svg
상태
앱 아이콘은 C안이며, C가 선택될 때만 배포합니다
keyAI

01 기본헤더, 문서, 발표 자료, 사인 · 최소 64 px

02 세로형정사각형 공간, 포스터, 의류 앞면 · 최소 72 px

03 워드마크스파크가 이미 가까이 있을 때: 푸터, 법적 고지 · 최소 56 px

04 마크아바타, 패턴, 도장 · 최소 16 px

05 앱 아이콘앱 아이콘, 스토어 등록 · C안 · 최소 32 px

06 파비콘브라우저 탭 · 16, 32 px, 마크만, 픽셀 확인 완료

04

컬러

흑과 백이 일을 합니다. 민트는 유일한 강조색이며 뜻도 하나입니다. 사람이 승인했다는 표시.

컬러 팔레트

흑과 백이 일을 합니다. 민트는 유일한 강조색이며 뜻도 하나입니다. 사람이 승인했다는 표시. 띠의 너비는 레이아웃에서 각 색이 차지해야 할 비중을 보여 줍니다.

무채색
회색만, 크림이나 따뜻한 흰색은 쓰지 않음
강조
레이아웃당 민트 요소 하나
30 %화이트#FFFFFF
RGB 255 255 255
OKLCH 100 % 0
22 %페이퍼#F3F3F3
RGB 243 243 243
OKLCH 96.4 % 0
30 %잉크#111111
RGB 17 17 17
OKLCH 17.8 % 0
10 %민트#087D53
RGB 8 125 83
OKLCH 52 % .114
8 %글로#45D39C
RGB 69 211 156
OKLCH 78 % .145

컬러 단계와 대비

차트와 상태를 위한 민트 열 단계. 100, 300, 600, 900단계는 사이트 토큰이고 나머지는 OKLCH에서 보간한 값입니다. 아래 글자 조합은 측정한 WCAG 2 대비비입니다.

흰 바탕 글자
민트 600 또는 더 어두운 단계 (≥ 5.2)
검정 바탕 글자
민트 300 또는 더 밝은 단계 (≥ 10.4)
출처
scripts/tokens.mjs
50#EFFBF6
100#DCF5EA
200#9BE8C6
300#45D39C
400#2DB782
500#159B6A
600#087D53
700#0B5F40
800#11422F
900#10291F

● 표시는 실제 사이트 토큰인 단계입니다.

Aa흰색 위 잉크
18.9 · AAA
Aa검정 위 화이트
19.8 · AAA
Aa종이 위 뮤트 회색
5.8 · AA
Aa검정 위 뮤트 회색
7.1 · AAA
Aa흰색 위 민트
5.2 · AA
Aa민트 위 화이트
5.2 · AA
Aa검정 위 글로
10.4 · AAA
Aa민트 100 위 민트
4.5 · AA

글자의
컬러

밝은 바탕에는 잉크, 어두운 바탕에는 화이트로 씁니다. 한 단어만 빛나게 할 수 있습니다. 검정 위에는 글로우, 흰 바탕에는 민트. 밝은 색끼리, 어두운 색끼리 겹치지 않습니다.

본문
4.5 : 1 이상, 헤드라인 3 : 1 이상
강조
레이아웃마다 한 단어 또는 한 구절
글로우
검정이나 딥 그린 위에서만, 흰 바탕 금지 (1.9 : 1)

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

일은 AI가, 승인은 사람이.

흰 바탕에 글로우 금지

일은 AI가, 승인은 사람이.

검정 위에 민트 금지

일은 AI가, 승인은 사람이.

두 곳 강조 금지

AI WORKS. PEOPLE APPROVE.

대문자만 쓰기 금지

05

타이포그래피

Host Grotesk가 로고 글자, 헤드라인, 인터페이스를 맡습니다. 크기는 적게, 차이는 크게. 대문자로만 쓰지 않습니다.

기본 서체

Host Grotesk는 로고 글자, 헤드라인, 인터페이스에 씁니다. 열린 속공간을 가진 현대적인 그로테스크 서체이고, 큰 크기에서는 자간을 좁혀 쓰며 이탤릭은 쓰지 않습니다.

서체군
Host Grotesk, 가변 300–800
디스플레이
Medium 500, 자간 −3.5 %
한글
Pretendard Variable을 함께 사용

Host
Grotesk

LightRegularMediumSemiboldBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (&@?!) → ·

보조 서체

역할이 하나씩인 보조 서체 셋. 긴 읽을거리의 리드에는 Newsreader, 데이터와 영수증에는 Fragment Mono, 한글에는 Pretendard. 영어 헤드라인에는 셋 모두 쓰지 않습니다.

금지
Mono를 제목 라벨로 쓰기 · 세리프 이탤릭

Drafts wait for a person.

Newsreader리드와 선언문 · 21 px

APPROVED 09:12 marketing/post-02
CHECKS voice ✓ rules ✓

Fragment Mono시각, ID, 상태 · 13 px

모든 결과물은
사람이 승인합니다

Pretendard한글 본문 · keep-all 줄바꿈

글자 위계

일곱 단계로 모든 레이아웃을 다룹니다. 각 단계는 바로 아래 단계의 1.2배 이상이어서, 색이나 굵기만이 아니라 크기로 위계가 읽힙니다. 값은 실제 사이트의 스케일입니다.

스케일
13 · 15 · 17 · 21 · 28 · 44 · 96 px
행간
디스플레이 1.0 · 제목 1.1 · 본문 1.55
디스플레이96 px · 500 · −3.5 %
제목 244 px · 500 · −3.5 %
제목 328 px · 500 · −3 %
Newsreader 리드21 px · 400 · 0
문단용 본문17 px · 400 · 0
작은 글자와 캡션15 px · 400 · 0
DATA 09:12 · B0113 px · mono · 0

표현형과
절제형 글자

글자는 크게 말하거나 조용히 말하고, 그 중간은 없습니다. 표현형은 짧은 한 줄을 아주 크게, 나머지는 작게. 절제형은 제품 화면과 긴 페이지를 위한 차분한 헤드라인과 본문입니다.

표현형
한국어 12자 이내, 대문자 높이 본문의 4배 이상
절제형
헤드라인은 본문의 2~3배, 본문 크기 하나
대소문자
영문은 문장형, 대문자만 쓰지 않음
정렬
기본은 왼쪽, 짧은 한 줄만 가운데

일은 AI가,
승인은 사람이.

일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.

회사를 위한 AI 운영체제.

일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다. 부서 하나로 시작하세요.

keyAI

06

이미지와 모션

유리 아래 흐르는 빛, 그리고 마크에서 끌어낸 수학적인 선. 모션은 설명하고, 장식하지 않습니다.

브랜드 이미지

유리 아래 흐르는 빛입니다. 빛은 회사 안을 흐르는 일이고, 유리는 그 빛을 굴절시키는 스파크의 두 조각, AI의 일과 그것을 승인하는 사람입니다. 그림마다 한 단계를 한 줄의 글로 보여 줍니다. 사람도 소품도 나오지 않습니다.

빛
잉크, 딥 그린, 에메랄드, 민트. 아쿠아와 연한 라임은 밝은 가장자리에만. 고운 그레인
금지
얼굴, 손, 소품, 로봇, 보라-파랑 AI 그라데이션, 두 번째 강조색
규칙
그림 하나에 단계 하나, 가는 글 한 줄. 유리는 스파크 모양에만
흐르는 민트 빛 위로 빛의 유리 구슬들이 keyAI 스파크의 유리 반쪽 하나로 흘러든다. 글자: 회사의 데이터가 들어오고
스파크의 유리 반쪽 하나와 그 오른쪽에 쓰이고 있는 빛의 줄들, 마지막 줄은 민트. 글자: AI가 초안을 쓰고
스파크의 유리 반쪽 하나와 떨어져 있는 다른 반쪽의 윤곽. 글자: 사람의 승인을 기다립니다
두 유리 반쪽이 맞물려 스파크가 되고 이음매에서 빛이 번진다. 글자: 사람이 승인하면
서로 떨어진 유리 원판 셋, 각각 흰 스파크를 하나씩 품고 있다. 글자: 고객사마다 따로
완성된 유리 스파크가 빛 위로 둥근 파문을 내보낸다. 글자: 그때 밖으로 나갑니다

그래픽 패턴

패턴은 흐르는 빛을 선으로 그린 것입니다. 이미지와 로고 모션에서 유리 뒤를 흐르는 그 빛의 등고선입니다. 새 모양을 더하지 않고, 이음매 없이 이어 붙습니다. 민트는 선 하나에만 씁니다.

단위
1000 × 1000 타일 하나, 가로세로 이음매 없음
크기
타일은 레이아웃 너비의 25~100 %, 선 굵기는 그대로
컬러
흰 바탕 위 잉크 또는 검정 위 화이트, 민트 선 하나

패턴 시스템

패턴 하나를 세 가지 색으로 씁니다. 타일 크기만 바꾸고 선 굵기는 바꾸지 않습니다. 이미지 없이 질감이 필요한 면에 쓰고, 본문 글 뒤에는 깔지 않습니다.

검정 위
표지, 패키지, 큰 벽면
흰 바탕 위
소셜, 배너, 슬라이드
딥 민트 위
굿즈, 인쇄물 가장자리

모션

모션은 설명하는 것이지 장식하는 것이 아닙니다. 글자는 줄마다 떠올라 제자리를 잡고, 스파크의 두 조각은 차례로 도착해 고정됩니다. 모든 것이 하나의 이징으로 움직이고 완전히 멈춥니다.

이징
cubic-bezier(0.16, 1, 0.3, 1)
타이밍
글자 900 ms, 낱말당 55 ms · 로고 고정 480 ms
동작 줄이기
prefers-reduced-motion에서는 마지막 프레임만 표시
필름
5초 필름 두 편: 승인 이야기와 흐르는 빛 모션. 1920 × 1080과 1080 × 1080

일은 AI가, 승인은 사람이.

텍스트 · 낱말이 마스크에서 떠올라 하나의 이징으로 움직인 뒤 멈춤

07

적용

모든 적용물은 같은 몇 가지 요소로 만듭니다. 락업, 헤드라인 하나, 이미지·마크·패턴 하나.

소셜 미디어
크리에이티브

게시물 세 종류가 한 틀을 씁니다. 20자 이내 헤드라인, 왼쪽 아래 락업, 이미지·마크·패턴 중 하나. 카피는 keyAI가 하는 일을 말하고, 측정하지 않은 숫자는 내세우지 않습니다.

형식
1080 × 1350 (4 : 5)
여백
사방 너비의 7 %
종류
사진 · 마크 · 패턴
keyAI···

일은 AI 부서가 합니다.

keyAI
keyAI···

승인 없이는 나가지 않습니다.

keyAI
keyAI···

마케팅 먼저, 다음은 영업.

keyAI

페이지 배너

프로필 헤더에는 로고가 아니라 약속을 싣습니다. 아바타가 이미 마크를 보여 주기 때문입니다. 아바타가 글자를 가리지 않도록 글자는 오른쪽 절반에 두고, 왼쪽에는 플로 패턴을 씁니다.

회사 페이지
1128 × 191 · 밝은 프로필
프로필 헤더
1500 × 500 · 어두운 프로필
아바타
정사각형의 56 %를 차지하는 마크

회사를 위한 AI 운영체제.

keyAI

일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다. · 소프트웨어

팔로우웹사이트 방문
홈소개게시물채용

밖으로 나가는 모든 것은 우리 팀이 승인합니다.

keyAI

ai.keynexion.io

팔로우

웹과 앱

화면에서 아이덴티티는 대부분 여백과 강한 헤드라인 하나입니다. 민트는 승인 단계에만 나옵니다. 승인 버튼과 승인된 상태입니다.

아이콘
검정 위 마크, 타일의 58 %
파비콘
마크만, 16과 32 px
강조
승인 동작과 승인된 상태에만
keyAI · AI 운영체제

회사를 위한 AI 운영체제.

일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.

상담 예약
keyAI오늘
승인을 기다리는 초안
마케팅 · Instagram 게시물가을 출시 게시물, 초안 2
수정승인
승인됨 · 09:12주간 리포트 초안

명함

앞면은 검정 바탕에 락업과 주소를 두고, 마크를 아주 어두운 검정으로 크게 잘라 넣습니다. 뒷면은 흰색 바탕에 사람 정보와 민트 마크 하나. 표시된 내용은 예시입니다.

크기
85 × 55 mm, 재단 여분 4 mm
용지
비코팅, 400 gsm 이상
글자
이름 13 pt · 직함 8 pt · 모노 7 pt

홍길동

마케팅 책임자

name@keynexion.io
ai.keynexion.io

keyAI ai.keynexion.io

스테이셔너리

비코팅 용지, 흰색 또는 검정. 락업은 왼쪽 위에 작게 두고, 스파크는 표지에서만 크게 씁니다. 승인자 사원증은 민트를 종이에 인쇄하는 유일한 곳이며, 승인 막대입니다.

레터헤드
A4, 락업 너비 30 mm, 여백 18 mm
명함
85 × 55 mm, 400 gsm 비코팅
사원증
54 × 86 mm, 민트 막대 = 승인자
옅은 민트 배경 위에 keyAI 로고가 들어간 레터헤드, 봉투, 검은 노트, 명함
맨 위에 흰색 keyAI 명함이 놓인 검은 명함 부채꼴
검은 목걸이 줄에 달린 keyAI 로고와 민트 승인자 막대가 있는 흰색 사원증

패키지와 디바이스

상자는 무광 검정에 뚜껑에 화이트 락업, 민트 리본 하나. 화면에서 아이덴티티는 여백과 강한 한 줄이고, 민트는 승인 단계에만 씁니다.

상자
단단한 무광 검정 판지, 흰색 인쇄, 민트 새틴 리본
화면
“웹과 앱”과 같은 레이아웃을 실제 기기에 적용
흰색 keyAI 락업과 민트 리본이 있는 무광 검정 선물 상자 세 개가 쌓여 있다
트래버틴 위 휴대폰이 keyAI 승인 화면을 보여 준다
오크 책상 위 노트북이 keyAI 웹사이트를 보여 준다

사인

리셉션 벽: 무광 검정의 기본 락업, 너비 1.2 m, 중심은 서 있는 방문자의 눈높이. 라이트박스도, 실내 발광도 쓰지 않습니다.

회색 회벽 위, 오크 벤치 위에 무광 검정 keyAI 락업이 걸린 차분한 리셉션

옥외 광고

메시지는 짧게 하나, 3초 안에 읽혀야 합니다(한국어 20자 이내). 낮 포스터는 검정 바탕에 크게 잘라 낸 스파크와 글로 색 문구 하나. 밤 라이트박스는 짙은 초록 바탕에 글로 스파크입니다.

라이트박스
1185 × 1750 mm 버스 정류장
포스터
500 × 700 mm 부착형
카피
메시지 위계 2~3층만
서울의 밤, 짙은 초록색 keyAI 포스터가 든 버스 정류장 라이트박스
콘크리트 벽에 붙은 검정 keyAI 포스터

굿즈

굿즈는 조용합니다. 검정 상품에 흰색 인쇄 하나, 가슴에 작은 락업을 넣거나 마크만 넣습니다. 세트마다 글로 색 상품은 핀 하나뿐이며, 의류에는 쓰지 않습니다.

인쇄
한 가지 색, 검정 위 흰색, 수성 잉크
크기
가슴 락업 80 mm · 토트 마크 120 mm · 캡 마크 45 mm
강조
세트당 글로 상품 하나
작은 흰색 keyAI 가슴 락업이 있는 접힌 검정 후디
황동 고리에 걸린 검정 캔버스 토트백, 주머니에 흰색 스파크
돌 받침 위 검정 캡, 작은 흰색 스파크
스파크가 새겨진 에나멜 핀 네 개, 하나는 글로 그린

로고 디벨롭

스파크는 그대로 둡니다. 사람들이 이미 아는 자산이기 때문입니다. 저희가 발전시키는 것은 스파크를 둘러싼 체계이고, 강한 AI 브랜드들도 그렇게 했습니다. 방향은 네 가지이고 한 방향에 한 페이지입니다. 어느 것도 마크를 다시 그리지 않습니다.

발견
네 갈래 반짝임은 흔한 AI 아이콘이 되었고, 사용자는 이를 AI로 읽지 않습니다 (NN/g, 2024). Google은 변형을 약 100가지로 집계했습니다 (Google Design).
결론
keyAI가 가져갈 것은 별이 아니라 두 조각과 승인 이야기입니다.
선택
A + B + C를 로고 체계 1.1로 · D는 와이드 형식에만
  • Anthropic · Geist: 따뜻한 색 하나, 불규칙한 버스트, 기술 클리셰 없음
  • OpenAI · 2025: Blossom은 다듬었을 뿐 바꾸지 않았고, 자체 서체를 씀
  • Microsoft Copilot · 두 모양, 하나의 실루엣, 모션 상태
  • Linear · 로고마크와 칩 모양 아이콘 컨테이너
  • Runway · 최소 크기를 명문화, 마크와 글자를 나란히 쓰지 않음
  • Perplexity · Smith & Diction: 별표와 커서, 자기 이야기에서 만든 마크

A · 다듬기

모양은 모두 그대로 두고 관계만 바로잡습니다. 스파크와 글자 사이 간격은 글자에서 가져온 규칙이 되고, 떨어져 있던 y–A 쌍은 붙이고, 작은 크기에는 별도 간격을 둡니다. OpenAI와 Vercel도 같은 길을 택했습니다. 다시 그리지 않고 다듬는 것입니다.

간격
1.2에서 대문자 높이의 ½ = 0.35 em으로 채택 (이전 0.61 em)
커닝
y–A −40 단위, 자간은 −3.5 % 유지
마크
변경 없음: 대문자 높이의 1.45배, 대문자 높이에 맞춰 가운데 정렬
작은 크기
24 px 미만: 자간 0, 간격 0.45 em
이전 · 0.61 em
0.61 em 기준선대문자 높이
1.2 · ½x = 0.35 em
0.35 em = ½x
keyAI

1.2 · 24 px

keyAI

커닝 · 24 px

keyAI

1.2 · 14 px

keyAI

작은 크기용 · 14 px

B · 승인 모션

두 조각은 제품의 상태 표시등이 됩니다. AI가 일하는 동안에는 떨어져 있고, 초안이 기다리는 동안에는 모이고, 사람이 승인하는 순간 고정됩니다. 움직임은 단단하게만 합니다. 모양은 절대 휘지 않으므로 모든 프레임이 그대로 로고입니다.

상태
작업 중 · 대기 · 승인됨
이동
45° 대각선을 따라, 최대 0.6 q 간격
이징
cubic-bezier(0.16, 1, 0.3, 1), 고정까지 480 ms
선례
Copilot: 두 형태, 하나의 실루엣 (Microsoft Design)
작업 중
초안 작성 중 · Instagram 게시물
대기
승인을 기다리는 중
승인됨
승인됨 · 09:12

C · 앱 아이콘

스파크를 둥근 정사각형 컨테이너 하나에 담습니다. 앱 아이콘, 아바타, 파비콘, 굿즈에서 마크가 고정된 모양을 갖게 되며, Linear의 칩과 같은 방식입니다. 아이콘은 승인이 도착하는 곳입니다. 초안이 준비되면 사람이 승인합니다.

모양
둥근 정사각형, 반경 22 %. 윗면은 좌우 7 %, 위 4 %, 아래 12 % 안쪽
마크
윗면 높이의 50 %
컬러
잉크 · 화이트 · 민트는 “승인됨”에만
확인
채택하기 전에 16 px에서 단독 마크와 비교 테스트

keyAI지금

주간 매출 리포트가 승인을 기다립니다.

승인검토

D · 브래킷

와이드 형식 전용입니다. 두 조각이 열리고 그 사이에 이름이 서며, 왼쪽은 일, 오른쪽은 승인입니다. 배너, 사인, 영상 엔드카드를 위한 시그니처이며, 작게 쓰거나 앱에서 쓰지 않습니다.

용도
너비가 높이의 6배 이상: 배너, 사인, 엔드카드
조각
대문자 높이만큼 크게, 글자에서 대문자 높이의 0.3배 떨어짐
금지
너비 240 px 미만, 또는 기본 락업과 같은 페이지

일은 AI가,
승인은 사람이.

가이드 버전 기록

이 책은 소프트웨어처럼 버전을 관리합니다. 변경마다 번호, 날짜, 바뀐 내용, 결정한 사람을 남깁니다. 가장 새로운 버전이 우선하고, 이전 버전도 읽을 수 있게 둡니다.

번호
메이저.마이너: 로고 변경은 메이저, 새 페이지는 마이너
결정
대표가 선택하고, Keynexion 브랜드 담당이 파일을 관리
다음
로고 방향이 정해지면 2.0 (로고 변경은 메이저)
  1. 1.22026년 10월 19일 · 개정

    재구성 Bolt 브랜드 가이드라인을 따라 섹션 표지, 모든 페이지의 섹션 목록, 섹션별 목차를 넣고 로고 디벨롭은 부록으로 옮겼습니다. 추가 로고 쓰임, 공동 브랜딩, 글자의 컬러, 표현형과 절제형 글자. 변경 락업 간격을 대문자 높이의 ½(0.35 em, 이전 0.61 em)로, 흰 로고 아래 이미지 바탕을 수학적 패턴으로 바꾸고, 작은 캡션을 지우고, 본문 자간을 넓혔습니다.

  2. 1.1.22026년 10월 18일 · 개정

    재구성 브랜드 이미지, 배경 루프, 두 번째 로고 모션을 유리 스파크 아래 흐르는 빛으로 다시 만들었습니다. 스파크 타일링 패턴은 플로 패턴으로 바꿨습니다. 추가 영어판과 한국어판. 이름 변경 C안을 앱 아이콘으로.

  3. 1.12026년 10월 18일 · 제안

    추가 버벌 아이덴티티, 메시지, 로고 디벨롭 A–D, 로고 버전, 모션과 로고 필름, 스테이셔너리, 패키지, 사인, 옥외, 그리고 이 페이지. 교체 스톡 사진을 keyAI 이미지로, 평면 드로잉을 스튜디오 목업으로. 새 허용 배색 배경, 텍스트 애니메이션.

  4. 1.02026년 10월 18일 · 첫 버전

    로고 하나에서 나온 26페이지: 아이디어, 로고, 서체, 컬러, 이미지, 패턴, 적용.

감사합니다. 아이덴티티 사용에 관한 문의는 오른쪽 연락처로 보내 주세요.
웹
ai.keynexion.io
회사
Keynexion Corporation Inc.
버전
1.2 · 2026년 10월
페이지
keyAI
Back to site