TSoft 브랜드 가이드

01 · CONSTRUCTION

원본은 T와 궤도로 이루어집니다

새로 그린 마크가 아닙니다. 제공된 원본 PNG를 T(빨강)와 궤도(보라·파랑)로 분리한 구성입니다. 두 요소를 떼거나 궤도를 한 줄로 줄이지 않습니다.

PRIMARY MARK · T Orange #FF5500

T · #FF5500 · 리모트티와 동일

ORBIT · 본선 + 안쪽 + 바깥

02 · LOCKUP

로고 + 텍스트 로고

가로 조합이 기본입니다. 마크 높이 H를 기준으로 간격과 글자 크기를 고정합니다.

TSoft

HORIZONTAL · ENGLISH · LIGHT

TSoft

HORIZONTAL · ENGLISH · DARK

티소프트

HORIZONTAL · KOREAN · LIGHT

티소프트

HORIZONTAL · KOREAN · DARK

H = 80px

0.25H = 20px

TSoft

cap 0.52H = 42px

항목	비율	헤더 실제값	비고
마크 높이	`H`	`30px`	원본 비율 410×400, 거의 정사각
마크–글자 간격	`0.25H`	`8px`	헤더 gap
영문 워드마크	cap-height `0.52H`	`20px / 800 / -0.04em`	TSoft, Pretendard ExtraBold
한글 워드마크	cap-height `0.50H`	`19px / 800 / -0.06em`	티소프트, Pretendard ExtraBold
푸터 마크	`1.15H_header`	`36px`	간격 10px, 글자 22px
최소 마크	—	`16px`	파비콘·파비콘만. 락업은 마크 24px 이상
여백 (clear space)	`0.25H` 사방	헤더 기준 8px	다른 요소가 이 안으로 들어오지 않음

03 · COLOR

원본에서 뽑은 색

T는 단색입니다. 궤도는 파랑에서 보라로 이어지는 그라데이션입니다. 주황은 회사색이 아닙니다.

T Orange #FF5500
RGB 255 85 0
마크의 T. 리모트티와 동일

Orbit Blue #5D39BA
RGB 93 57 186
궤도 시작(아래)

Orbit Core #4028B0
RGB 64 40 176
궤도 중심

Orbit Pink #B865D3
RGB 184 101 211
궤도 끝(위)

Ink #131114
RGB 19 17 20
워드마크·본문. 블랙 T 원본과 동일

역할	값	사용
배경 다크	`#0B1020`	커버, 푸터, 다크 락업
배경 페이퍼	`#F3EFE6`	섹션 배경
RemoteT Orange	`#FF6A00`	제품 브랜드 전용. 회사 마크에 쓰지 않음

04 · TYPE

워드마크는 Pretendard ExtraBold

회사 사이트가 Pretendard이므로 텍스트 로고도 같은 족으로 고정합니다. 원본 세로 조합의 SOFT 에셋은 별도 잠금 파일로 보존합니다.

EN

TSoft

Pretendard ExtraBold 800
letter-spacing -0.04em
표기: TSoft (T-Soft, TSOFT 금지)

KO

티소프트

Pretendard ExtraBold 800
letter-spacing -0.06em
법인 표기: 티소프트 주식회사

용도	서체	크기 · 두께 · 자간
워드마크 EN	Pretendard	cap 0.52H · 800 · -0.04em
워드마크 KO	Pretendard	cap 0.50H · 800 · -0.06em
본문	Pretendard	16–18px · 400–500 · 0
라벨 / 스펙	Pretendard	11–12px · 650 · 0.12em
세로 조합 SOFT	원본 에셋	새로 식자하지 않음. `lockup-stacked.png` 사용

05 · APPLICATION

헤더와 사진 위에서도 같은 비율

TSoft

TSoft 헤더 30 + 8 + 20

TSoft 푸터 36 + 10 + 22

STACKED ORIGINAL

06 · DON’T

원본 구성을 깨지 않습니다

✕

기울이지 않기

✕

T만 쓰지 않기

✕

궤도만 쓰지 않기

✕

T-Soft

하이픈·다른 서체 금지

07 · MOTION

HIGHLIGHT는 원본의 입체 궤도를 따라 흐릅니다

정지 로고를 새로 그리거나 궤도를 회전시키지 않습니다. 원본 리본의 앞뒤 교차와 깊이를 유지한 채, 표면 위의 빛만 5초 주기로 이동합니다.

BRAND MOTION · HIGHLIGHT

기술의 거리를 줄입니다

붉은 T는 고정하고 보라색 입체 궤도에만 하이라이트를 적용합니다. 영상 인트로, 웹 히어로, 디지털 사이니지에서 연결이 지속되는 이미지를 표현합니다.

동작5초 무한 반복. 궤도 표면의 하이라이트만 이동합니다.

형태 보존T와 궤도의 실루엣·교차·비율을 변형하지 않습니다.

접근성동작 줄이기 설정에서는 정지 로고로 자동 대체합니다.

08 · PRODUCT · REMOTET

리모트티는 회사 로고가 아닙니다

주황 다이아몬드와 RemoteT / 리모트티 텍스트 로고는 제품 브랜드입니다.

REMOTE T MARK · #FF6A00

텍스트로고 영문

텍스트로고 한글

09 · PRODUCT · TOPDESK

탑데스크 공식 로고

탑데스크 사이트가 제공하는 투명 흰색 원본입니다. 얇은 다이아몬드·상향 화살표 심볼과 TOPDESK 워드마크를 하나의 잠금 조합으로 사용합니다.

OFFICIAL SYMBOL

공식 파비콘의 다이아몬드·상향 화살표 심볼입니다.

PRIMARY LOCKUP

흰색 원본은 TopDesk Primary #1755A9 또는 충분히 어두운 배경에서 사용합니다.

SOURCE RESOLUTION

공식 원본은 158×28 PNG입니다. 큰 출력물은 승인된 벡터 원본을 별도로 제작한 뒤 사용합니다.

CLEAR SPACE · 사내 권장

로고 높이의 0.5배 이상을 사방 여백으로 확보하고, 작은 크기에서는 가독성을 먼저 확인합니다.

DO NOT

심볼과 글자를 분리하거나, 획을 다시 그리거나, 비율·자간·색상을 임의로 바꾸지 않습니다.

항목	원본	운영 기준
파일	`topdesk-logo-white.png`	투명 배경 · 흰색 잠금 조합
기본색	`#1755A9`	공식 사이트 CSS의 TopDesk Primary
표기	`TOPDESK`	제품명 본문 표기는 TopDesk, 로고 내부 글자는 원본 유지
출처	`topdesk.co.kr/img/logo.png`	공식 사이트 원본을 기준으로 보관