대형 디스플레이 텍스트와 아티스트 이름에는 'Cardinal Fruit'(didone-serif)를 사용합니다. · 본문 텍스트와 작은 UI 요소에는 weight 300의 'Graphik'(humanist-sans)을 사용합니다. · 응집력 있고 세련된 미학을 위해 모든 서체에 단일 폰트 웨이트(300)를 엄격히 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
텍스트가 숨 쉴 수 있도록 타이포그래피 블록 사이에 풍부하고 비구조화된 여백.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
없음; 구분은 여백과 서체를 통해 달성합니다.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
하단에 거대한 로고가 고정된 깔끔한 단일 열 타이포그래피 흐름.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.77, 0, 0.18, 1)easing
스크롤 시 나타나는 요소를 위한 미묘한 페이드 인 전환. · hover 상태에서의 부드러운 색상 전환.
텍스트 색상이 검정에서 흰색으로 전환되며, 일반적으로 어두운 배경 오버레이 위에서 수행됩니다. · 커서 포인터로 클릭 가능한 링크를 나타냅니다.
08
컴포넌트
button커서 포인터가 있는 간단한 텍스트 링크로, hover 색상 전환에 의존합니다.
card보이지 않음; 콘텐츠는 플랫 타이포그래피 목록으로 제시됩니다.
chip보이지 않음.
input보이지 않음.
hero뷰포트 하단을 고정하는 거대한 전체 너비 타이포그래피 디스플레이.
09
보이스와 금지 목록
톤세련되고 권위 있으며, 조용히 자신감 있는.
헤드라인주의를 끄는 고전적인 세리프 타이포그래피의 큰 텍스트.
CTA서체에 자연스럽게 녹아드는 미니멀리스트 텍스트 링크.
밝은 강조색을 사용하지 마세요 — 스크린샷은 엄격한 흑백 모노크롬 팔레트를 보여줍니다.
굵은 폰트 웨이트를 사용하지 마세요 — 스크린샷의 모든 텍스트는 가벼운 웨이트(300)입니다.
요소에 border-radius를 사용하지 마세요 — 스크린샷은 순수하게 직각의 날카로운 모서리 레이아웃을 보여줍니다.
복잡한 카드 레이아웃을 사용하지 마세요 — 스크린샷은 이름의 플랫 타이포그래피 목록을 보여줍니다.
Artworld Agency는 세련되고 서체 중심의 크리에이티브 포트폴리오입니다. 디자인 DNA는 크리에이티브 작업을 우선시하기 위해 엄격한 흑백 모노크롬 팔레트(#000000 잉크, #FFFFFF 배경)를 기반으로 합니다. 서체는 디스플레이 텍스트(아티스트 이름)용 두드러진 didone-serif와 본문용 깔끔한 humanist-sans를 모두 엄격히 가벼운 폰트 웨이트(300)로 사용합니다. 핵심 디자인 규칙: 강조색을 도입하지 마세요, 굵은 폰트 웨이트를 사용하지 마세요, 그림자나 둥근 모서리와 같은 장식 요소를 추가하지 마세요. 레이아웃은 풍부한 여백과 페이지 하단에 고정된 거대한 타이포그래피 로고에 의존합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
