본문 글꼴은 깔끔한 고트로스크 산세리프인 Neue Montreal입니다. · 디스플레이 글꼴은 우아한 트랜지셔널 세리프인 Saol Display입니다. · 제목은 자간을 좁게 하여 자주 대문자로 표시됩니다. · 본문 텍스트는 깔끔한 외관을 위해 약간의 음수 자간을 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
핵심 요소 주변에 넉넉한 여백을 두어 집중적이고 깔끔한 레이아웃을 만듭니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 24px
pill · 999px
미세한 경계를 위해 다크 톤의 얇은 1px 실선 테두리.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
넉넉한 수직 리듬을 가진 스플래시 화면용 중앙 정렬 단일 열 레이아웃.
07
모션과 인터랙션
220msmicro
400mssmall
1000msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
인터랙티브 요소를 위한 부드러운 ease-out 전환. · 주요 페이지 전환을 위한 긴 전환 시간.
인터랙티브 요소에 미세한 스케일 또는 색상 전환. · 사이트 진입 시 메인 콘텐츠로의 부드러운 전환.
08
컴포넌트
button흰색 배경, 블랙 텍스트, 그리고 미세한 그림자를 가진 미니멀리스트 알약형 버튼.
card현재 뷰에서는 해당 없음.
chip현재 뷰에서는 해당 없음.
input현재 뷰에서는 해당 없음.
hero장난스러운 일러스트 로고, 헤드라인, 설명, 그리고 단일 호출 버튼을 특징으로 하는 중앙 정렬 콘텐츠 블록.
09
보이스와 금지 목록
톤전문적이면서도 장난스럽고 관찰하는 어조.
헤드라인직접적이고 자신감 있으며, 자주 대문자로 표시됨.
CTA'Enter'와 같이 단순하고 행동 지향적인 명령문.
순백 배경을 사용하지 마세요 — 스크린샷은 부드럽고 따뜻한 베이지/오프화이트를 보여줍니다.
순수 단색 팔레트를 사용하지 마세요 — 스크린샷은 따뜻하고 채도가 낮은 핑키 베이지를 보여줍니다.
모든 본문에 세리프 글꼴을 사용하지 마세요 — 스크린샷은 본문에 산세리프(Neue Montreal)를 사용합니다.
날카롭고 직사각형 모서리를 사용하지 마세요 — 스크린샷은 둥글고 알약형 버튼을 보여줍니다.
무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 'Enter' 버튼에 미세하고 부드러운 그림자를 보여줍니다.
초기 뷰를 지저분하게 하지 마세요 — 스크린샷은 광활한 빈 공간을 둔 단일 중앙 열 콘텐츠를 보여줍니다.
Unseen Studio는 미니멀하고 관찰적이며 약간 장난스러운 아이덴티티를 가진 크리에이티브 에이전시입니다. 시각 시스템은 부드럽고 따뜻한 뉴트RAL 배경(#F1EDEB)과 고대비 블랙(#212121) 타이포그래피를 사용합니다. 글꼴 조합은 본문에 깔끔한 고트로스크 산세리프(Neue Montreal), 디스플레이에 세련된 트랜지셔널 세리프(Saol Display)를 사용합니다. 레이아웃은 중앙 정렬되어 넓게 배치되어 있으며, 스플래시 화면을 위해 단일 열에 초점을 맞춥니다. 주요 인터랙션은 사용자 정의 cubic-bezier 이징을 사용하여 부드럽습니다. 중요한 주의사항: 순백 배경, 여백 없이 밀집된 레이아웃, 인터랙티브 요소의 날카로운 모서리는 피해야 합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
