소식5분 읽기
Reble의 얼굴 — 로고, 파비콘, 그리고 네 가지 색
Reble의 로고는 같은 R 세 겹이다. 검정 바탕에 흰색·빨강·청록 — 파비콘의 네 가지 색이 곧 Reble의 색이고, 사명은 Reflecting Reality다.
목차
Reble.ai의 얼굴을 정했다. 로고와 파비콘, 그리고 네 가지 색이다. 엔진이 하는 일을 두 단어로 적은 사명 Reflecting Reality가 먼저 있었고, 모양과 색은 그 두 단어에서 나왔다. 이 글은 그 R이 왜 세 겹인지, 네 가지 색이 어디서 왔는지, 어디에 어떻게 쓰는지를 적어 둔 기록이다. 앞으로 Reble이 내보내는 화면과 문서는 이 글을 기준으로 삼는다.
사명 — Reflecting Reality
Reble.ai는 현실 세계를 반영하는 동적 사회 시뮬레이션 엔진이다. 실제 인구의 분포를 따라 만든 통계적 시민으로 사회를 다시 짓고, 조건을 바꿔 가며 사람들의 선택이 어떻게 움직이는지 실험한다. 이 일을 두 단어로 줄이면 Reflecting Reality, 현실을 비추는 것이다. 사명이자 설계 사양이다. 엔진이 얼마나 잘 만들어졌는지는 결국 한 가지로 판정된다. 비춘 상이 현실과 얼마나 포개지는가.
로고 — 같은 R 세 겹
거울에 비친 상은 원본과 조금 어긋나 있다. 비추는 창이 다르면 상도 다르게 맺힌다. 같은 사회를 두고도 설문은 이렇게 말하고, 여론조사는 저렇게 말하고, 거리의 공기는 또 다르게 말하는 이유다. Reble의 마크는 그 어긋남을 그대로 그렸다. 하나의 R을 세 번 찍되, 겹마다 조금씩 옆으로 밀었다.
맨 아래 빨강은 현실이다. 그 위 청록은 현실을 비춘 상(像)이다. 맨 위 흰색은 둘을 포개어 읽어 낸 결과, Reble이 내놓는 답이다. 세 겹이 완전히 하나로 포개지는 날은 오지 않는다. 그 사이의 어긋남이 불확실성이고, Reble은 그것을 지우지 않고 답과 함께 보여 준다.
| 겹 | 색 | 불투명도 | 가로 어긋남 |
|---|---|---|---|
| 1 (맨 아래) | 빨강 #FF003C |
50% | 0 |
| 2 | 청록 #00D9B8 |
60% | 4 |
| 3 (맨 위) | 흰색 #FFFFFF |
100% | 8 |
어긋남의 단위는 R의 높이 30이다. 마크가 커지든 작아지든 4 : 8 : 30의 비율은 그대로 둔다.
R은 글꼴에서 가져오지 않고 선으로 직접 그렸다. 둥근 어깨, 곧게 뻗은 다리, 사각에 가까운 속 공간. 어느 글꼴에도 기대지 않으므로 어떤 기기에서 열어도 같은 모양이 나온다. 워드마크 Reble.ai는 Space Grotesk Bold로 적고 글자 사이를 2% 좁힌다. 마디 하나(.)에만 빨강을 준다. 마크의 너비는 워드마크 글자 크기의 1.24배, 마크와 글자 사이는 0.36배다.
파비콘 — 가장 작은 얼굴
브라우저 탭에서 Reble은 가로세로 16픽셀로 줄어든다. 그 크기에서 살아남는 것은 검정 바탕 위의 흰 R 하나다. 그래서 파비콘은 검정 정사각형에 마크를 그대로 올리되, 흰 R을 가운데보다 오른쪽에 두어 왼쪽으로 끌리는 잔상이 빈자리를 채우게 했다. 16픽셀에서 잔상은 흰 글자 왼쪽의 엷은 빛으로만 남고, 32픽셀부터 세 겹이 읽힌다. 파일은 SVG 하나다. 크기마다 따로 만들지 않고, 어느 해상도에서든 같은 식으로 그려진다.
네 가지 색
Reble의 색은 파비콘의 색이다. 검정, 흰색, 빨강, 청록. 넷뿐이고 더하지 않는다.
빨강과 청록은 아무렇게나 고른 짝이 아니다. 색상환에서 빨강 #FF003C는 346°, 청록 #00D9B8는 171°에 있다. 175° 떨어져 있으니 거의 정반대다. 정반대의 두 색은 나란히 놓였을 때 서로를 가장 또렷하게 만들고, 검정 위에서는 둘 다 빛처럼 보인다. 마크 한가운데에서 둘이 겹치는 자리가 탁해지는 것도 의도다. 현실과 상이 포개지는 곳은 늘 조금 흐리다.
| 색 | 값 | 검정 위 대비 | 흰색 위 대비 | 쓰임 |
|---|---|---|---|---|
| 검정 | #050505 |
— | 20.4 : 1 | 바탕. 화면과 문서의 지면 |
| 흰색 | #FFFFFF |
20.4 : 1 | — | 글자, 마크의 맨 위 겹 |
| 빨강 | #FF003C |
5.2 : 1 | 4.0 : 1 | 현실. 마크의 맨 아래 겹, 워드마크의 점, 강조 한 점 |
| 청록 | #00D9B8 |
11.3 : 1 | 1.8 : 1 | 반영. 마크의 가운데 겹. 빨강 없이 혼자 쓰지 않는다 |
대비는 WCAG 2.1 상대 휘도 공식으로 계산했다. 본문 글자의 기준선은 4.5 : 1이다. 빨강 글자는 검정 위에서만 이 선을 넘고, 흰 바탕 위에서는 큰 글자(3 : 1)에만 허용된다. 청록은 흰 바탕에서 글자로 쓸 수 없다.
규칙 다섯 줄
- 바탕은 검정, 글자는 흰색. 흰 바탕을 써야 하는 인쇄물에서는 글자가 검정이 되고, 마크의 흰 겹은 검정으로 바뀐다. 빨강과 청록은 그대로다.
- 세 겹의 비율과 불투명도는 고정이다. 4 : 8 : 30, 50%와 60%. 겹을 더 벌리거나 색을 바꾸지 않는다.
- 한 색으로 써야 할 때는 흰 R 하나만 남긴다. 도장, 흑백 인쇄, 아주 작은 자리. 잔상을 한 색으로 눌러 찍지 않는다.
- 마크 둘레에는 R 높이의 절반 이상을 비운다. 잔상이 다른 요소에 닿으면 마크가 아니라 번짐으로 보인다.
- 빨강은 한 점, 청록은 빨강의 짝. 화면에서 빨강이 차지하는 면적은 작을수록 좋고, 청록은 마크의 잔상과 빨강 옆에 놓이는 둘째 값에만 쓴다.
이 얼굴은 reble.ai 모든 화면의 왼쪽 위에 걸려 있다. 파비콘은 reble.ai/favicon.svg에서 그대로 가져갈 수 있다. Reble이 비추는 현실이 어떤 모양인지는 다음 글에서 엔진의 구조로 이어 간다.
