← 대시보드로
Brand guide

로고타입 가이드

RUN LOG 로고를 어디에, 어떤 모양과 색으로 쓰는지 정리한 기준입니다. 로고 파일은 맨 아래에서 내려받을 수 있습니다.

02

구성

자리에 맞춰 세 가지 모양 중 하나를 고릅니다. 심볼과 글자의 크기 비율·간격은 파일에 정해져 있으니 따로 떼어 다시 붙이지 않습니다.

가로형

가로형 (기본)

웹사이트 상단, 문서 머리글처럼 가로로 긴 자리.

세로형

세로형

정사각에 가까운 자리. 포스터, SNS 프로필, 표지.

심볼

심볼 단독

파비콘, 홈 화면 아이콘처럼 글자가 들어가기엔 좁은 자리.

03

색

로고에는 아래 세 가지 색만 씁니다. 코랄은 오른발에만 씁니다. 글자를 코랄로 칠하지 않습니다.

CORAL

코랄

HEX
#FF5A36
RGB
255 90 54
쓰임
오른발
NAVY

남색

HEX
#1B2A41
RGB
27 42 65
쓰임
왼발·글자 (밝은 배경)
LIGHT

회백색

HEX
#F1F4F9
RGB
241 244 249
쓰임
왼발·글자 (어두운 배경)
NIGHT

밤색 (배경)

HEX
#0E1219
RGB
14 18 25
쓰임
대시보드 바탕
04

서체

로고 글자는 Space Grotesk Bold입니다. 로고 파일 안의 글자는 도형(윤곽선)으로 바뀌어 있어서 서체를 설치하지 않은 컴퓨터에서도 똑같이 보입니다.

RUN LOG

Space Grotesk Bold

로고 글자 · 대문자만 · 자간 0.03em

가나 Aa

Inter

대시보드 본문 · 제목

5:31

JetBrains Mono

숫자 · 페이스 · 라벨

05

여백과 크기

로고 둘레에는 발 하나의 폭(x)만큼을 비워 둡니다. x는 로고 높이의 약 0.3배입니다. 이 안에는 다른 글자나 그림을 놓지 않습니다.

xx여백 x를 표시한 가로형 로고

보호 여백

분홍 띠가 비워 둘 영역. 높이 96px 로고라면 사방 29px.

가장 작은 가로형
가로형 · 높이 24px
가장 작은 세로형
세로형 · 높이 48px
16px 심볼
심볼 · 16px

가장 작은 크기

이보다 작으면 글자가 뭉개집니다. 더 작은 자리에는 심볼만 씁니다.

06

배경

배경 밝기에 따라 파일을 고릅니다. 코랄 같은 진한 색 배경에서는 로고 전체를 흰색 한 가지로 씁니다.

흰 배경 위 기본 로고

흰색·밝은 배경

기본 파일 runlog-horizontal

어두운 배경 위 반전 로고

어두운 배경

반전 파일 …-reverse

코랄 배경 위 흰색 단색 로고

코랄·진한 색 배경

전체를 흰색 한 가지로. 두 발의 색 구분은 버립니다.

07

하지 말 것

아래처럼 쓰면 로고가 다른 것처럼 보입니다.

가로로 늘린 로고 예시
DON'T

늘리거나 누르기

가로세로 비율은 늘 그대로.

색을 바꾼 로고 예시
DON'T

색 바꾸기

03의 세 가지 색 밖으로 나가지 않기.

기울인 로고 예시
DON'T

기울이거나 돌리기

발자국의 기울기는 이미 들어 있습니다.

그림자 효과를 넣은 로고 예시
DON'T

그림자·외곽선·그라데이션

평평한 단색 그대로.

어두운 배경에 기본 로고를 올려 잘 안 보이는 예시
DON'T

어두운 배경에 기본 파일

남색이 묻힙니다. 반전 파일을 쓰세요.

Run Log
DON'T

글자만 다시 쓰기

다른 서체나 소문자로 바꾸지 않고 파일을 그대로.

08

내려받기

인쇄나 크게 쓸 곳에는 SVG, 문서나 메신저에 붙일 때는 PNG(높이 480px, 투명 배경)를 쓰세요.

모양밝은 배경용어두운 배경용
가로형 (기본) SVGPNG SVGPNG
세로형 SVGPNG SVGPNG
심볼 SVGPNG SVGPNG
파비콘·아이콘 favicon.svg32px PNG180px 아이콘

로고 글자에 쓴 Space Grotesk는 SIL Open Font License 1.1 서체입니다.