Rerent 디자인 시스템
로고, 색상, 타이포그래피, 시간 격자 모티프, 문구 규칙. 화면과 자료를 만들 때 이 페이지의 값을 그대로 씁니다. 모든 로고 파일은 PNG(투명 배경)이며 아래에서 내려받습니다.
로고
심벌은 3×3 시간 격자에서 블록 하나가 화살표를 따라 되돌아오는 형태입니다. 미사용 시간이 팔려 나갔다가 크레딧으로 돌아오는 구조를 그대로 그렸습니다. 원본은 2026-09-14 확정한 비트맵이며 SVG로 다시 그리지 않습니다. 색 변형은 원본의 형태에 단색을 입힌 것입니다.
세로형 · 심벌 · 워드마크
가로형 높이 20px(화면) · 8mm(인쇄). 심벌 단독 16px.
로고 주위에 심벌 높이의 1/2 이상을 비웁니다. 다른 로고·글자와 그 안에서 겹치지 않습니다.
흰색·소프트(#F6F9FC)에는 투톤. 네이비·검정에는 어두운 배경용. 인디고에는 화이트. 사진 위에는 쓰지 않습니다.
비율 변경, 회전, 그림자·그라데이션·외곽선 추가, 심벌과 워드마크 간격 변경, 지정 외 색.
크기별 확인
색상
순검정을 쓰지 않습니다. 글자와 어두운 면은 잉크(#0D253D)입니다. 채운 인디고 버튼은 한 화면 띠에 하나만 둡니다. 블록 색 네 가지는 랜딩 그림과 앱 차트에서 같은 뜻으로만 씁니다.
브랜드
#533AFD--brand기본 CTA 버튼, 링크, 매수·매도 체결 블록, 심벌#4434D4--brand-deep버튼 hover, 활성 메뉴 글자#2E2B8C--brand-press버튼 눌림#EEECFF--brand-bg활성 메뉴·태그 배경, 포커스 링#B9B9F9--brand-tag어두운 배경 위 심벌, 보조 강조잉크(글자·선·면)
#0D253D--ink제목, 숫자, 어두운 띠 배경. 순검정 대신 항상 이 색#273951--ink-2본문#64748D--mute보조 설명, 표 머리글#8B98AD--faint자리표시자, 비활성#E3E8EE--line카드·표 테두리(hairline)#F6F9FC--soft앱 배경, 교차 띠 배경시간 격자 블록(제품 의미색)
#0D253D--blk-use내가 쓰는 노드·시간#EEF2F7--blk-idle빈 칸(테두리 #B8C4D6). 임대료는 나가지만 안 쓰는 시간#533AFD--blk-sold팔린 시간 · 매수한 시간(보유)#1AA66A--blk-resold되판 시간 · 매도 호가 중 · 회수 금액상태
#0F8A4F--ok체결 완료, 온라인, 매수 호가(bid)#B26A00--warn일부 체결, 잔액 부족 경고#C0392B--danger거절, 실패, 삭제#EA2261--ruby매도 호가(ask), 현재 시각 선, 드래그 선택타이포그래피
Pretendard 가변 폰트 한 가족(웹은 KS X 1001 서브셋 woff2). 본문 400, 제목 700. 큰 글자는 자간을 음수로. 얇은 굵기(300 이하)는 한글에서 흐려 쓰지 않습니다. 숫자·금액은 항상 tabular-nums.
시간 격자 모티프
행은 노드, 열은 시간입니다. 칸 하나가 「노드 1대 × 한 구간」이고, 색은 아래 네 가지 뜻 외에 쓰지 않습니다. 랜딩 히어로, 로그인, 빈 화면, 설명 그림, 로고 심벌이 모두 이 격자에서 나옵니다. 칸 모서리 3px, 간격은 칸의 1/4 이하.
UI 요소
모든 화면은 한 컨테이너(1200px, 좌우 24px)에 정렬합니다. 배경 띠는 화면 끝까지, 내용은 컨테이너 안. 카드 모서리 16px, 컨트롤 8px, 태그·알약 999px. 네이티브 select·title·OS 스크롤바는 쓰지 않습니다.
카드 제목
보조카드는 테두리 1px 라인 + 모서리 16px. 앱에서는 얇은 그림자 한 단계.
문구 규칙
매수·매도, 지정가, 오더북, 호가, 체결, 배정, 재판매, 공급 풀, SKU, 기본가·하한가. 쉬운 말로 바꿔 쓰지 않고, 처음 나올 때 괄호로 뜻을 붙입니다.
「~해요」「~에요」 대신 「~합니다」「~입니다」. 감탄·권유·비유 없이 동작과 결과만 씁니다.
SSH로 · Rerent는 · 25%를 · GPU가 · API로. 「SSH 로」처럼 띄우지 않습니다.
「장면」「여정」「갈래」「~이면 전부」 같은 말 대신 실제 단계·화면·값을 씁니다. 숫자는 근거와 함께.