타이포그래피 & 색상
디자인표

한 줄 방향 — 계기(instrument)급 미니멀. 따뜻한 크림·금박의 STILL HOUR에서, 차가운 실버·흑연의 HOURÎNG으로. 시간을 재는 도구의 정밀함이 브랜드의 질감이 됩니다. 90% 정제 / 10% 낯섦 비율(브리프 v3)은 그대로 유지합니다.

바탕이 밝으면 실버 원본, 어두우면 실버 원본 또는 화이트 단색. 아주 작은 크기(24px 이하)나 단색 인쇄에서는 그라파이트 단색을 씁니다.

2026-09-24 — 사장님 선택: 금 프레임 + 금 모래(V4-02) · 브랜드명 HOURÎNG · 링 반지름 0.505F → 0.55F · 띠가 돌아가는 방식 3안 비교 결정 필요

셋 다 같은 재료입니다 — V4-02 루프(11.1초)에 금 링(반지름 0.55F · 띠 반폭 0.018F · 반두께 0.011F)을 정사영 레이 렌더로 합성. 링 안쪽 반지름 0.532F가 허리 기준 모래시계 최대 반경 0.503F보다 커서 어떤 자세에서도 부딪히지 않고, 뒤집기 구간에는 AI 클립이 모래시계를 들어 올리는 만큼(실루엣 추적: 위 56px · 오른쪽 32px)만 링이 따라갑니다. 모래시계 밑 반사 그림자는 지웠습니다(9/17 규칙). 다른 것은 띠의 움직임뿐입니다.

HOURÎNG

Captured in Scent

R-A · 자전 (Spin)11.1s 루프 · 580×480 · MP4 268KB · 링 자세는 고정(앙각 14° · 기울기 12°). 띠 표면의 광택 — 넓은 밝기 물결 + 또렷한 글린트 1개 — 이 띠를 따라 11.1초에 한 바퀴 흐릅니다. 링이 제 축으로 도는 느낌. 세 안 중 가장 조용해 헤더 39px에서도 어수선하지 않습니다.

HOURÎNG

Captured in Scent

R-B · 세차 (Precession)11.1s 루프 · 580×480 · MP4 347KB · 기울어진 링이 수직축을 중심으로 한 바퀴 — 모래가 떨어지는 0~9.0초 동안 돌고, 뒤집기 구간에는 멈춰서 모래시계만 링 안에서 뒤집힙니다. 팽이의 세차운동처럼 두 번 옆면(선)이 됐다가 다시 열리며 앞·뒤 호가 뒤바뀌어, 링이 입체로 돈다는 것이 가장 잘 보입니다.

HOURÎNG

Captured in Scent

R-C · 공전 (Orbit)11.1s 루프 · 580×560 · MP4 457KB · 링이 화면 안에서 시계 방향으로 한 바퀴(0~9.0초, 뒤집기 구간은 정지) — 긴 축이 시계 바늘처럼 돌며 모래시계를 감쌉니다. 위아래로 커지므로 캔버스를 세로로 17% 늘렸고(580×560), 뒤집기 때 원본 프레임 위로 잘려 있던 꼭지는 테두리를 직선으로 이어 복원했습니다. 움직임이 가장 큽니다.

이전 후보 7종 (2026-09-06 ~ 09-17 · 기록)

일곱 가지 모두 같은 규칙으로 돕니다 — 모래가 끝까지 떨어진 뒤에만 화면 안에서 상하 180° 한 번. 아래 띠는 왼쪽부터 가득 → 낙하 중 → 빈 칸 → 뒤집기 → 다시 가득(= 첫 프레임)입니다.

HOURÎNG

Captured in Scent

V3-01c · Silver frame + Silver sand8.3s 루프 · MP4 149KB · 헤더 프리뷰 rebrand/hourin-stacked(커밋 3327df1)

HOURÎNG

Captured in Scent

V4-02 · Gold frame + Gold sand 사장님 선택 2026-09-24 11.1s 루프 · MP4 195KB · 헤더 프리뷰 rebrand/hourin-stacked-goldvideo(커밋 da0ded8) · 위 링 3안의 바탕

HOURÎNG

Captured in Scent

V5-01 · Silver frame + Gold sand11.0s 루프 · MP4 157KB · 2톤 변형 (워크트리 미적용)

HOURÎNG

Captured in Scent

V5-01R · Silver frame + Gold sand + Silver ring11.0s 루프 · 540×480 · MP4 170KB · V5-01에 토성 띠처럼 기울어진 링(앙각 14° · 화면 기울기 12°)을 합성. 링은 궤도처럼 방향을 고정하고 모래시계만 그 안에서 돈다 — 링 안쪽 반지름이 모래시계 외접원보다 커서 부딪히지 않는다. 워크트리 rebrand/houring-ring · 워드마크 HOURÎNG · 프리뷰 (사장님 지시 2026-09-17) · 바닥 반사 그림자 제거(2026-09-17)

HOURÎNG

Captured in Scent

V5-01R-G · Silver frame + Gold sand + Gold ring11.0s 루프 · 540×480 · MP4 172KB · V5-01에 토성 띠처럼 기울어진 링(앙각 14° · 화면 기울기 12°)을 합성. 링은 궤도처럼 방향을 고정하고 모래시계만 그 안에서 돈다 — 링 안쪽 반지름이 모래시계 외접원보다 커서 부딪히지 않는다. 대안 (워크트리 미적용 — 영상 파일만 바꾸면 된다) (사장님 지시 2026-09-17) · 바닥 반사 그림자 제거(2026-09-17)

HOURÎNG

Captured in Scent

V5-02 · Black frame + Gold sand11.6s 루프 · MP4 184KB · 이 표의 기준안 · 워크트리 적용 rebrand/hourin-stacked-blackgold

HOURÎNG

Captured in Scent

V7 · Black frame + Sparkling silver sand9.2s 루프 · MP4 188KB · 워크트리 rebrand/hourin-stacked-blacksilver (사장님 지시 2026-09-06 밤 · 은 모래는 반짝이는 메탈릭)

v0.3 방향: 샤넬처럼 굵고 넓은 대문자 + 살짝 띄운 자간(.10em). 마크가 움직이는 영상으로 바뀌면서 글자도 무게를 가져야 균형이 맞습니다. 대신 이 굵기는 워드마크 한 줄에만 쓰고, 표제·본문은 Jost 400 이하를 유지합니다.

Lockups — A안(Montserrat 700 · Î) 기준

슬로건 서체 — 타자기 확정 · Courier Prime

사장님 확정: 슬로건 Captured in Scent는 타자기 서체로 씁니다. 실버 마크의 정밀함 옆에 종이에 찍힌 기록 한 줄이 놓이는 구조입니다. 웹 기본은 S1 Courier Prime으로 적용하고, S2·S3는 패키지·인쇄물용 대안으로만 남깁니다.

다섯 서체, 각자 역할이 하나씩. Montserrat 700은 워드마크 한 줄만, Jost는 영문 표제·UI, Pretendard는 한글 본문, IBM Plex Mono는 데이터, Courier Prime(타자기)은 슬로건 한 줄만.

규칙은 하나입니다. 실버는 글자색이 아닙니다. 밝은 바탕 위 실버 텍스트는 대비 1.9~2.8로 읽히지 않습니다. 실버는 면·선·금속 박·다크 바탕 위 글자로만 씁니다. 밝은 바탕 위 글자는 그라파이트 3단.

Core — 잉크 3단

Silver — 로고에서 추출한 5단

Mark — 영상 마크에서 뽑은 색 (v0.3 신설 · 마크 전용, 글자·면에 쓰지 않음)

Surface — 바탕 3단 · Accent — 옥스블러드 2단

면적 비율 — 한 화면 기준

Chrome — 금속 그라데이션 토큰

현행 라인업 5종(궁·성수·사프란·마라캐쉬·포지타노테라). 4종은 STILL HOUR colors.json 램프를 그대로, 사프란은 신설했습니다 — 마라캐쉬(주홍)·성수(테라코타)와 겹치지 않게 노란 기운을 더 넣었습니다.

/* HOURÎNG v0.3 (2026-09-24 개정) — globals.css :root */
--graphite:#1B1D21;  --graphite-2:#4A4D53;  --steel:#6E7177;
--silver-500:#99999B; --silver-400:#A0A0A2; --silver-300:#B5B5B6;
--silver-200:#D4D3D6; --silver-100:#E3E4E4;
--mist:#EDEEF0;      --paper:#F6F6F7;      --white:#FFFFFF;
--oxblood:#820001;   --oxblood-hi:#A3161B;
--chrome:linear-gradient(135deg,#E3E4E4 0%,#B5B5B6 42%,#99999B 58%,#D4D3D6 100%);
--line:rgba(27,29,33,.12);
--lacquer:#1C191B;   --sand-gold:#B6975D;  --sand-gold-hi:#D5AB7B;  --sand-gold-lo:#A28544;  /* mark only */
--sand-silver:#9B999B;  /* mark only · 검정+은모래 안 */

/* fonts — next/font/google: Montserrat 700(latin-ext, Î) · Jost 300/400/500 · Courier_Prime 400 · IBM_Plex_Mono 400/500 */
--font-wordmark:'Montserrat';  /* 워드마크 한 줄 전용 · 700 · 자간 .10em */
--font-display:'Jost';  --font-type:'Courier Prime';  /* 슬로건 전용 */
--font-kr:'Pretendard','Noto Sans KR';  --font-mono:'IBM Plex Mono';

/* fragrance fields (product-only) */
--f-gung:#151D38 #3C4C6E #93A3BD #CFD7E2;   --f-seongsu:#7A4433 #B0603D #D9A06B #F0E5D2;
--f-saffron:#8A4A14 #D9902B #F0C25A #FBF0D5; --f-marrakesh:#6E2A22 #A8422E #E0784A #F6CE8F;
--f-positano:#3E7F96 #6DB4C9 #C96F4A #E2F1F6;

워크트리 — 준비 완료

1. 사장님 지시(2026-09-06 밤) → v0.3 — 워드마크 샤넬풍 굵은 산세리프(Montserrat 700) + Î, 마크 자리 검정+금모래 루프 영상. 워크트리 rebrand/hourin-stacked-blackgold·-blacksilver(미커밋). 이전 확정: 워드마크 Jost 300 · 슬로건 "Captured in Scent" 타자기 Courier Prime. 한글 표기 확정 — "아워린"(2026-09-06). 사프란 필드색은 산지 확정 후 미세 조정.
2. 로고 정식 자산 — 원본 PNG를 SVG로 벡터화(Adobe vectorize 또는 수작업). 지금은 알파 분리 PNG 4종(work/hourin_design/)으로 웹 적용 가능.
3. 워크트리 적용 — 로고·브랜드명·슬로건 완료(2026-09-06, 미커밋) — LogoEmblem(마크+Jost 워드마크+Courier 슬로건) · 폰트(Playfair → Jost + Courier Prime) · 메타 제목 · 브랜드 문자열 10파일 · 파비콘. 남은 것: globals.css 색상 토큰 · 본문 서체 · 병 라벨 이미지.
4. 프리뷰 배포 — VPS 프리뷰 컨테이너로 still-hour.com 라이브 무영향 확인 후 머지. 도메인(hourin.*) 확보는 별도 결정.