모든 주요 UI 및 본문 텍스트에는 Instrument-Sans를 사용합니다. · 우아한 에디토리얼 강조에는 Instrument-Serif를 사용합니다. · 기술 메타데이터 또는 태그에는 Instrument-Mono를 사용합니다. · 디스플레이 제목은 타이트한 트래킹과 고대비로 설정합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
에디토리얼 호흡 공간을 위한 넉넉한 여백의 4px 그리드.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 24px
lg · 32px
pill · 999px
1px solid rgba(7,7,8,0.5)
0 0 0 1px rgba(7,7,8,0.5)
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
대규모 풀블리드 히어로와 적층된 콘텐츠 섹션을 갖춘 그리드 기반.
07
모션과 인터랙션
150msmicro
250mssmall
350msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
인터랙티브 상태를 위한 부드러운 색상 전환. · 깊이감을 위한 hover 시 미세한 변형 이동.
색상 반전 또는 미세한 배경 이동. · 스케일 바운스 없이 즉각적인 시각적 피드백.
08
컴포넌트
button고대비 잉크/배경의 필 모양 주요 버튼.
card3D 또는 사진 콘텐츠를 담은 대형 에디토리얼 카드.
chip얇은 테두리가 있는 소형 필 태그 네비게이션.
input하단 테두리가 있는 미니멀리스트 폼 입력.
hero중앙 재생 버튼이 있는 풀블리드 3D 애니메이션 장면.
09
보이스와 금지 목록
톤자신감 있고, 미니멀하며, 전문적인.
헤드라인굵고, 대문자이며, 타이트한 트래킹.
CTA직관적이고 행동 지향적인.
멀티컬러 그래디언트를 사용하지 마세요 — 팔레트는 특정 악센트 장면을 제외하고 주로 단색입니다.
모든 것에 둥근 모서리를 사용하지 마세요 — 히어로는 날카로운 모서리와 원형을 사용합니다.
이 사이트는 프리미엄 디지털 중심 디자인 에이전시 포트폴리오입니다. 대담한 단색 기반(#E8E8E9 배경, #070708 잉크)에 히어로 영역의 장난스러운 3D 컬러 악센트가 특징입니다. 타이포그래피는 거대하고 타이트한 트래킹 제목과 깔끔한 본문 텍스트에 사용되는 커스텀 그로테스크산스 계열(Instrument-Sans)이 지배적입니다. 핵심 요점: 본문 텍스트는 절대 중앙 정렬하지 않습니다(엄격히 왼쪽 정렬), 무거운 드롭 그adow는 절대 사용하지 않습니다(대신 1px 테두리 사용), 미니멀하고 고대비 단색 미학을 절대 깨뜨리지 않습니다. 레이아웃은 4px 그리드와 12컬럼 시스템을 사용하는 에디토리얼적이고 넉넉합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
