일은 AI 부서가 합니다.
keyAIkeyAI
각 페이지는 keyAI 아이덴티티를 쓸 때 생기는 질문 하나에 답합니다. 페이지 번호는 화면 아래의 카운터와 같습니다.
하나의 스파크를 이루는 두 조각. 일, 그리고 그 일을 승인하는 사람.
마크는 네 갈래 스파크에서 사분면 두 개를 떼어 놓고 어긋나게 둔 모양입니다. 장식은 하나도 없습니다. 이 책의 모든 크롭과 레이아웃은 이 두 모양에서 잘라 냅니다.
이것은 저희가 마크를 읽는 방식이지, 마크에 새겨진 규칙은 아닙니다. 아이덴티티에는 한 가지 역할이 생깁니다. 일이 사람에게 넘어가고, 그 사람이 승인할 때까지 거기서 멈추는 것을 보여 주는 일입니다.
02
keyAI는 차분한 비서실장처럼 말합니다. 무엇을 했는지, 무엇이 사람을 기다리는지, 다음에 무슨 일이 일어나는지.
keyAI는 차분한 비서실장처럼 말합니다. 무엇을 했는지, 무엇이 사람을 기다리는지, 다음에 무슨 일이 일어나는지. 짧은 문장, 핵심 먼저, 과장 없이. 한국어와 영어는 같은 내용을 말하되 같은 단어를 쓰지는 않습니다.
승인을 기다리는 초안이 3개 있습니다.
AI 마법이 준비됐어요!
첫 부서는 마케팅입니다. 다음은 영업입니다.
팀을 대체하는 혁신적인 AI.
승인하기 전에는 아무것도 나가지 않습니다.
완전 자동. 사람은 필요 없습니다.
승인 · 초안 · AI 부서 · 수정 요청 · 승인함 · 주간 리포트
마법 · 혁신적인 · 완전 자동 · 직원 대체 · 10배
다섯 층을 위에서 아래로 읽습니다. 1~3층은 두 언어에서 문구가 고정입니다. 4~5층은 대상에 따라 바뀌지만, 보여 줄 수 있는 사실만 씁니다.
회사를 위한 AI 운영체제.
일은 AI가, 승인은 사람이.
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.
첫 부서는 마케팅. 서울에서 만듭니다. 결과는 매출과 이익으로 봅니다.
부서 하나로 시작하세요. 상담 예약
03
하나의 스파크를 이루는 두 조각. 일, 그리고 그 일을 승인하는 사람.
스파크와 “keyAI” 글자를 함께 쓴 로고입니다. 첫인상이 되는 모든 곳에 쓰는 로고입니다. 사이트 헤더, 문서, 발표 자료, 사인. 이 조합은 고정이므로 다시 만들지 않습니다.
로고는 한 번에 한 가지 색, 잉크 또는 화이트입니다. 민트는 두 가지 민트 바탕 위에서만 로고 색이 됩니다. 사진 위에서는 가장 어둡고 차분한 영역에 화이트를 쓰고, 필요하면 검정 35 % 스크림을 깝니다.
keyAI사분면 하나를 모서리 둘레로 네 번 돌리면 네 갈래 스파크가 됩니다. 마크는 이런 스파크 둘에서 서로 마주 보는 사분면 두 개를 가져와, 두 조각이 서로 비껴가도록 어긋나게 둔 모양입니다. 모양은 점대칭입니다.
x는 “keyAI”의 대문자 높이입니다. 스파크는 k에서 ½x 떨어지고, 락업 사방에 1x를 비워 둡니다. 마크만 쓸 때는 마크 높이의 ½을 비웁니다. 이 영역에는 글자, 가장자리, 이미지 디테일, 다른 로고가 들어오지 않습니다.
이 크기보다 작아지면 두 조각 사이 간격이 막히고 “keyAI”의 대문자가 구분되지 않습니다. 락업이 최소 크기보다 작아질 때는 마크만 씁니다.
64 px최소 락업
80 px사이트 헤더
160 px문서, 발표 자료
16 px최소 마크 · 파비콘
32 px아바타, 탭
64 px앱 아이콘, 마크 58 %
로고는 주인공이거나 서명입니다. 주인공일 때는 화면에서 가장 크고, 서명일 때는 헤드라인 아래 왼쪽 구석에 작게 놓입니다. 옆 글자와 같은 크기로 두지 않습니다.
일은 AI가,
승인은 사람이.
파트너와 함께 쓸 때는 두 로고를 한 줄에 두고 가는 선으로 나눕니다. keyAI가 먼저 옵니다. 선 양쪽 간격은 1x, 파트너 로고는 스파크보다 높지 않게 둡니다.
로고는 완성된 아트워크로 제공됩니다. 다시 그리거나 고치거나 장식하지 마세요. 레이아웃이 이런 변형을 필요로 하는 것 같다면 레이아웃을 바꾸세요.
늘이거나 찌그러뜨리지 않기
회전하지 않기
색을 바꾸지 않기
윤곽선만 쓰지 않기
배치를 바꾸지 않기
글꼴·대소문자를 바꾸지 않기
조각을 옮기지 않기
낮은 대비로 쓰지 않기
어두운 바탕, 분명한 주제 하나, 조용한 모서리의 흰색 로고.
스파크만 쓰는 로고입니다. 이름이 이미 있거나 공간이 정사각형일 때 씁니다. 앱 아이콘, 파비콘, 아바타, 도장, 패턴. 배색은 네 가지뿐입니다.
로고는 하나이고 버전은 여섯 가지이며, 쓸 수 있는 공간에 맞춰 고릅니다. 들어가는 가장 큰 버전을 씁니다. 새 버전은 만들지 말고 요청하세요.
01 기본헤더, 문서, 발표 자료, 사인 · 최소 64 px
02 세로형정사각형 공간, 포스터, 의류 앞면 · 최소 72 px
03 워드마크스파크가 이미 가까이 있을 때: 푸터, 법적 고지 · 최소 56 px
04 마크아바타, 패턴, 도장 · 최소 16 px
05 앱 아이콘앱 아이콘, 스토어 등록 · C안 · 최소 32 px
06 파비콘브라우저 탭 · 16, 32 px, 마크만, 픽셀 확인 완료
04
흑과 백이 일을 합니다. 민트는 유일한 강조색이며 뜻도 하나입니다. 사람이 승인했다는 표시.
흑과 백이 일을 합니다. 민트는 유일한 강조색이며 뜻도 하나입니다. 사람이 승인했다는 표시. 띠의 너비는 레이아웃에서 각 색이 차지해야 할 비중을 보여 줍니다.
차트와 상태를 위한 민트 열 단계. 100, 300, 600, 900단계는 사이트 토큰이고 나머지는 OKLCH에서 보간한 값입니다. 아래 글자 조합은 측정한 WCAG 2 대비비입니다.
● 표시는 실제 사이트 토큰인 단계입니다.
밝은 바탕에는 잉크, 어두운 바탕에는 화이트로 씁니다. 한 단어만 빛나게 할 수 있습니다. 검정 위에는 글로우, 흰 바탕에는 민트. 밝은 색끼리, 어두운 색끼리 겹치지 않습니다.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
일은 AI가, 승인은 사람이.
흰 바탕에 글로우 금지
일은 AI가, 승인은 사람이.
검정 위에 민트 금지
일은 AI가, 승인은 사람이.
두 곳 강조 금지
AI WORKS. PEOPLE APPROVE.
대문자만 쓰기 금지
05
Host Grotesk가 로고 글자, 헤드라인, 인터페이스를 맡습니다. 크기는 적게, 차이는 크게. 대문자로만 쓰지 않습니다.
Host Grotesk는 로고 글자, 헤드라인, 인터페이스에 씁니다. 열린 속공간을 가진 현대적인 그로테스크 서체이고, 큰 크기에서는 자간을 좁혀 쓰며 이탤릭은 쓰지 않습니다.
Host
Grotesk
LightRegularMediumSemiboldBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (&@?!) → ·
역할이 하나씩인 보조 서체 셋. 긴 읽을거리의 리드에는 Newsreader, 데이터와 영수증에는 Fragment Mono, 한글에는 Pretendard. 영어 헤드라인에는 셋 모두 쓰지 않습니다.
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배 이상이어서, 색이나 굵기만이 아니라 크기로 위계가 읽힙니다. 값은 실제 사이트의 스케일입니다.
글자는 크게 말하거나 조용히 말하고, 그 중간은 없습니다. 표현형은 짧은 한 줄을 아주 크게, 나머지는 작게. 절제형은 제품 화면과 긴 페이지를 위한 차분한 헤드라인과 본문입니다.
일은 AI가,
승인은 사람이.
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.
회사를 위한 AI 운영체제.
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다. 부서 하나로 시작하세요.
keyAI06
유리 아래 흐르는 빛, 그리고 마크에서 끌어낸 수학적인 선. 모션은 설명하고, 장식하지 않습니다.
유리 아래 흐르는 빛입니다. 빛은 회사 안을 흐르는 일이고, 유리는 그 빛을 굴절시키는 스파크의 두 조각, AI의 일과 그것을 승인하는 사람입니다. 그림마다 한 단계를 한 줄의 글로 보여 줍니다. 사람도 소품도 나오지 않습니다.






패턴은 흐르는 빛을 선으로 그린 것입니다. 이미지와 로고 모션에서 유리 뒤를 흐르는 그 빛의 등고선입니다. 새 모양을 더하지 않고, 이음매 없이 이어 붙습니다. 민트는 선 하나에만 씁니다.
패턴 하나를 세 가지 색으로 씁니다. 타일 크기만 바꾸고 선 굵기는 바꾸지 않습니다. 이미지 없이 질감이 필요한 면에 쓰고, 본문 글 뒤에는 깔지 않습니다.
모션은 설명하는 것이지 장식하는 것이 아닙니다. 글자는 줄마다 떠올라 제자리를 잡고, 스파크의 두 조각은 차례로 도착해 고정됩니다. 모든 것이 하나의 이징으로 움직이고 완전히 멈춥니다.
일은 AI가, 승인은 사람이.
텍스트 · 낱말이 마스크에서 떠올라 하나의 이징으로 움직인 뒤 멈춤07
모든 적용물은 같은 몇 가지 요소로 만듭니다. 락업, 헤드라인 하나, 이미지·마크·패턴 하나.
게시물 세 종류가 한 틀을 씁니다. 20자 이내 헤드라인, 왼쪽 아래 락업, 이미지·마크·패턴 중 하나. 카피는 keyAI가 하는 일을 말하고, 측정하지 않은 숫자는 내세우지 않습니다.
일은 AI 부서가 합니다.
keyAI승인 없이는 나가지 않습니다.
keyAI마케팅 먼저, 다음은 영업.
keyAI프로필 헤더에는 로고가 아니라 약속을 싣습니다. 아바타가 이미 마크를 보여 주기 때문입니다. 아바타가 글자를 가리지 않도록 글자는 오른쪽 절반에 두고, 왼쪽에는 플로 패턴을 씁니다.
회사를 위한 AI 운영체제.
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다. · 소프트웨어
밖으로 나가는 모든 것은 우리 팀이 승인합니다.
ai.keynexion.io
화면에서 아이덴티티는 대부분 여백과 강한 헤드라인 하나입니다. 민트는 승인 단계에만 나옵니다. 승인 버튼과 승인된 상태입니다.
일은 AI 부서가 하고, 밖으로 나가는 모든 것은 우리 팀이 승인합니다.
상담 예약앞면은 검정 바탕에 락업과 주소를 두고, 마크를 아주 어두운 검정으로 크게 잘라 넣습니다. 뒷면은 흰색 바탕에 사람 정보와 민트 마크 하나. 표시된 내용은 예시입니다.
홍길동
마케팅 책임자
name@keynexion.io
ai.keynexion.io
비코팅 용지, 흰색 또는 검정. 락업은 왼쪽 위에 작게 두고, 스파크는 표지에서만 크게 씁니다. 승인자 사원증은 민트를 종이에 인쇄하는 유일한 곳이며, 승인 막대입니다.



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



리셉션 벽: 무광 검정의 기본 락업, 너비 1.2 m, 중심은 서 있는 방문자의 눈높이. 라이트박스도, 실내 발광도 쓰지 않습니다.
메시지는 짧게 하나, 3초 안에 읽혀야 합니다(한국어 20자 이내). 낮 포스터는 검정 바탕에 크게 잘라 낸 스파크와 글로 색 문구 하나. 밤 라이트박스는 짙은 초록 바탕에 글로 스파크입니다.


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




스파크는 그대로 둡니다. 사람들이 이미 아는 자산이기 때문입니다. 저희가 발전시키는 것은 스파크를 둘러싼 체계이고, 강한 AI 브랜드들도 그렇게 했습니다. 방향은 네 가지이고 한 방향에 한 페이지입니다. 어느 것도 마크를 다시 그리지 않습니다.
모양은 모두 그대로 두고 관계만 바로잡습니다. 스파크와 글자 사이 간격은 글자에서 가져온 규칙이 되고, 떨어져 있던 y–A 쌍은 붙이고, 작은 크기에는 별도 간격을 둡니다. OpenAI와 Vercel도 같은 길을 택했습니다. 다시 그리지 않고 다듬는 것입니다.
1.2 · 24 px
커닝 · 24 px
1.2 · 14 px
작은 크기용 · 14 px
두 조각은 제품의 상태 표시등이 됩니다. AI가 일하는 동안에는 떨어져 있고, 초안이 기다리는 동안에는 모이고, 사람이 승인하는 순간 고정됩니다. 움직임은 단단하게만 합니다. 모양은 절대 휘지 않으므로 모든 프레임이 그대로 로고입니다.
스파크를 둥근 정사각형 컨테이너 하나에 담습니다. 앱 아이콘, 아바타, 파비콘, 굿즈에서 마크가 고정된 모양을 갖게 되며, Linear의 칩과 같은 방식입니다. 아이콘은 승인이 도착하는 곳입니다. 초안이 준비되면 사람이 승인합니다.
keyAI지금
주간 매출 리포트가 승인을 기다립니다.
승인검토
와이드 형식 전용입니다. 두 조각이 열리고 그 사이에 이름이 서며, 왼쪽은 일, 오른쪽은 승인입니다. 배너, 사인, 영상 엔드카드를 위한 시그니처이며, 작게 쓰거나 앱에서 쓰지 않습니다.
일은 AI가,
승인은 사람이.
이 책은 소프트웨어처럼 버전을 관리합니다. 변경마다 번호, 날짜, 바뀐 내용, 결정한 사람을 남깁니다. 가장 새로운 버전이 우선하고, 이전 버전도 읽을 수 있게 둡니다.
선택한 로고 방향을 마스터 파일에 적용하고 로고 팩을 내보냅니다: 모든 버전과 색상의 SVG, PNG, PDF.
재구성 Bolt 브랜드 가이드라인을 따라 섹션 표지, 모든 페이지의 섹션 목록, 섹션별 목차를 넣고 로고 디벨롭은 부록으로 옮겼습니다. 추가 로고 쓰임, 공동 브랜딩, 글자의 컬러, 표현형과 절제형 글자. 변경 락업 간격을 대문자 높이의 ½(0.35 em, 이전 0.61 em)로, 흰 로고 아래 이미지 바탕을 수학적 패턴으로 바꾸고, 작은 캡션을 지우고, 본문 자간을 넓혔습니다.
재구성 브랜드 이미지, 배경 루프, 두 번째 로고 모션을 유리 스파크 아래 흐르는 빛으로 다시 만들었습니다. 스파크 타일링 패턴은 플로 패턴으로 바꿨습니다. 추가 영어판과 한국어판. 이름 변경 C안을 앱 아이콘으로.
추가 버벌 아이덴티티, 메시지, 로고 디벨롭 A–D, 로고 버전, 모션과 로고 필름, 스테이셔너리, 패키지, 사인, 옥외, 그리고 이 페이지. 교체 스톡 사진을 keyAI 이미지로, 평면 드로잉을 스튜디오 목업으로. 새 허용 배색 배경, 텍스트 애니메이션.
로고 하나에서 나온 26페이지: 아이디어, 로고, 서체, 컬러, 이미지, 패턴, 적용.