본문 바로가기

Brand

시계 앞을 달리는 사람.

달려콜의 시각 아이덴티티입니다. 속도선을 끌며 시계 앞을 달리는 사람 하나와 달려콜 세 글자, 이 둘이 전부입니다.

Logo

심볼 옆에 이름. 이것이 기본형입니다.

빨강 심볼 오른쪽에 차콜 달려콜을 가로로 놓은 조합형이 기본입니다. 헤더와 푸터, 공유 이미지가 전부 이 하나입니다. 어두운 바닥에서는 둘 다 흰색이 됩니다.

기본형

Light

잉크 판 위

Ink
심볼 원본
1,254
워드마크 원본
2,172 × 724
배경
투명
심볼 최소 높이
24

심볼의 높이를 정하면 이름의 높이와 사이 간격은 따라옵니다. 이름은 심볼 높이의 57퍼센트, 간격은 14퍼센트입니다.

Symbol · Wordmark

따로 쓸 때는 단색으로.

사진이나 글 옆에 놓을 때는 심볼이나 이름만 단색으로 씁니다. 색은 브랜드 레드, 차콜, 흰색 셋 중 하나입니다.

심볼

Red

심볼

Charcoal

심볼

White

워드마크

Red

워드마크

Charcoal

워드마크

White

Icon · Site bar

아이콘은 붉은 배지, 헤더는 흰 조합형.

홈 화면과 브라우저 탭에는 붉은 둥근 네모 안의 흰 심볼이 섭니다. 이 배지가 색을 가진 유일한 부품입니다. 사이트의 검은 바에는 심볼과 이름이 나란히 흰색으로 섭니다.

흰 바탕 위 달려콜 앱 아이콘

앱 아이콘

Light
잉크 판 위 달려콜 앱 아이콘

앱 아이콘

Ink

헤더 락업

Site bar

In use

앱에서는 이렇게 부릅니다.

열면 부를 수 있는 것이 다 보입니다. 어디로 갈지 정하고, 몇 시간에 몇 명인지 적고, 배정과 정산까지 확인합니다. 아홉 화면입니다.

  • 이동·설치부터 배관·수도까지 부를 수 있는 일이 그림과 함께 놓인 앱 첫 화면

    무엇이 필요하세요

    첫 화면이 곧 목록입니다. 부를 수 있는 아홉 가지가 다 보입니다.

  • 주소 검색창 아래 지도와 저장해 둔 장소가 있는 현장 선택 화면

    어디로 갈까요

    현장 한 곳. 인력에는 도착지가 없습니다.

  • 지도 한가운데 핀을 두고 지도를 움직여 위치를 정하는 전체 화면

    지도에서 직접

    공터도, 상호 없는 창고도. 후문이면 후문을 찍습니다.

  • 지금과 예약을 고르고 시작 지연 허용 폭을 정하는 화면

    언제 갈까요

    지금 부르거나 시간을 잡습니다.

  • 예상 시간 눈금과 인원 조절, 아래에 예상 금액이 붙은 화면

    얼마나 걸릴까요

    눈금을 끌면 금액이 따라옵니다. 30분 단위입니다.

  • 지도에 현장이 표시되고 인력을 찾는 중이라는 문구가 뜬 배차 화면

    인력을 찾는 중

    요청하면 그때부터 사람을 찾습니다.

  • 선택한 작업과 주소, 인원, 예상 시간이 정리된 요청 완료 화면

    요청을 확인하고

    보내기 전에 장소와 인원, 예상 금액을 한 번 더 확인합니다.

  • 배정된 작업자와 예상 도착 시간이 지도 위에 표시된 배차 확정 화면

    누가 오는지 보고

    배정된 인원과 도착 예정 시간을 바로 확인합니다.

  • 실제 작업 시간과 최종 결제 금액이 정리된 작업 완료 화면

    쓴 시간만 정산

    작업이 끝나면 실제 시간과 최종 금액을 확인합니다.

Colour

빨강 하나, 차콜 하나, 그리고 먹.

로고는 빨강과 차콜과 흰색만 씁니다. 사이트는 거기에 어두운 판의 잉크와 구분선을 보탭니다. 빨강이 둘로 보이는 것은 바닥이 둘이기 때문입니다.

  • #E60012

    달려콜 레드brand

    전환색입니다. 킷의 기준 빨강이고, 심볼과 링크, 버튼이 씁니다. 다른 것이 가져가지 않습니다.

  • #202225

    차콜charcoal

    흰 바닥 위 달려콜 세 글자의 색. 순검정이 아니라 살짝 눌러 둔 먹입니다. 워드마크 말고는 쓰지 않습니다.

  • #FF5A62

    시그널signal

    어두운 판 위의 글자용 빨강. 검은 바닥에서 브랜드 레드는 보이기는 해도 읽히지 않습니다.

  • #0F1013

    잉크ink

    어두운 판과 본문 글자. 헤더와 맺음 블록이 이 색이고, 그 위의 로고는 전부 흰색입니다.

  • #E4E5EA

    라인line

    구분선. 이 사이트는 색 면이 아니라 선과 여백으로 나눕니다.

Typeface

서체는 하나, 굵기로 나눕니다.

  • 제목 · 본문

    필요한 순간, 필요한 시간만큼

    Pretendard

    제목은 굵게(700), 본문은 보통(400)으로 씁니다. 한글 제목은 명조로 가지 않습니다. 현장을 상대하는 서비스가 부드러워집니다.

  • 숫자

    010-9257-9604

    Pretendard · 고정폭 숫자

    시간과 금액, 전화번호. 같은 서체를 고정폭 숫자로 세워 자릿수가 세로로 맞습니다. 로고의 달려콜 세 글자는 서체가 아니라 그림입니다.

  • 라벨

    쓴 시간만 청구

    Pretendard · 600

    값 위에 붙는 작은 이름. 자간을 벌리거나 대문자로 세우지 않습니다.

Guidelines

이것만 지켜 주세요.

  • 가로 조합형이 기본입니다

    빨강 심볼 오른쪽에 차콜 달려콜. 헤더와 푸터, 공유 이미지가 이것입니다. 어두운 바닥에서는 둘 다 흰색으로 바꿉니다.

  • 심볼은 혼자 설 수 있습니다

    앱 아이콘은 붉은 둥근 네모 안의 흰 심볼입니다. 사진이나 글 옆에는 심볼만 단색으로 놓고, 붉은 면 위에 붉은 심볼을 다시 얹지 않습니다.

  • 색은 셋뿐입니다

    빨강, 차콜, 흰색. 로고를 다른 색으로 칠하거나 그라디언트를 넣지 않습니다. 회색 워터마크는 사진 자리표시에만 씁니다.

  • 비율을 지킵니다

    심볼과 글자를 같은 비율로만 줄입니다. 속도선이나 글자만 따로 늘리지 않고, 심볼 높이 24픽셀 아래로는 줄이지 않습니다.

  • 여백을 둡니다

    심볼 높이의 4분의 1만큼 사방을 비웁니다. 그 안에 글자나 다른 그림이 들어오지 않습니다.

  • 배경판이 없습니다

    붉은 배지를 뺀 모든 파일은 투명입니다. 흰색 버전은 흰 화면에서 보이지 않으니 어두운 바닥에서만 씁니다.

Files

투명 배경으로, 받은 그대로.

디자이너 킷 아홉 파일을 그대로 내려받을 수 있습니다. 심볼은 1,254 정사각형, 워드마크와 가로 조합은 2,172 × 724이고 전부 투명 PNG입니다. 편집 가능한 벡터 원본은 아닙니다.

Kit

심볼 · 빨강1,254 × 1,254
PNG
심볼 · 차콜1,254 × 1,254
PNG
심볼 · 흰색1,254 × 1,254
PNG
앱 아이콘 · 붉은 배지1,254 × 1,254
PNG
워드마크 · 빨강2,172 × 724
PNG
워드마크 · 차콜2,172 × 724
PNG
워드마크 · 흰색2,172 × 724
PNG
가로 조합 · 기본2,172 × 724
PNG
가로 조합 · 흰색2,172 × 724
PNG
공유 이미지1,200 × 630
PNG

App icon

브라우저 탭32
PNGWebP
작은 아이콘48
PNGWebP
목록64
PNGWebP
목록 · 2배96
PNGWebP
프로필128
PNGWebP
iOS 홈 화면180
PNGWebP
Android 홈 화면192
PNGWebP
프로필 · 2배256
PNGWebP
소개 자료384
PNGWebP
스토어512
PNGWebP
스토어 · 원본1024
PNGWebP
파비콘32 – 256
ICO

브랜드 자료가 더 필요하면 말씀해 주세요.

인쇄용 규격과 다른 조합형은 요청하시면 보내 드립니다.