큐레이션 · 오픈 · 무료

Anacuna

대형 텍스트와 캡슐형 내비게이션을 통해 일러스트레이션 작업을 소개하는 고대비, 타이포그래피 중심 포트폴리오.

01

디자인 DNA

대형 타이포그래피를 주요 디자인 요소로 사용하는 미니멀 매거진 레이아웃.

02

컬러

블랙과 화이트만 사용하는 엄격한 단색 팔레트, 로고에 단일 핑크 악센트 적용.

03

타이포그래피

grotesque-sans

• display94px · 400
• body15px · 400

모든 텍스트는 대문자 · 주요 디스플레이 텍스트는 단일 균일한 대형 크기 · 디스플레이 텍스트의 타이트한 line-height로 촘촘한 텍스트 블록 생성

04

여백

엄격한 4px 그리드 기반, 히어로 섹션의 넉넉한 수직 패딩과 텍스트 블록의 타이트한 마진.

05

표면 (라운드 / 그림자 / 경계선)

1px solid black

06

레이아웃

수평선으로 분리된 전체 너비 섹션, 대형 텍스트가 주요 구조 요소로 작용.

07

모션과 인터랙션

0.3초 지속 시간의 hover transform · 0.7초 지속 시간의 페이지 전환 transform

인터랙티브 요소의 섬세한 커서 포인터 변경. · 전환을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 대문자 텍스트가 포함된 캡슐형 아웃라인 버튼.
• card 1px 수평선으로 분리된 전체 너비 행, 대형 프로젝트 제목 포함.
• chip 1px 테두리와 둥근 모서리를 가진 소형 캡슐형 태그(예: 'Google Play', 'Adobe').
• hero 뷰포트 전체 너비를 차지하는 대형 대문자 텍스트, 때로는 부유하는 소형 캡슐 태그 포함.

09

보이스와 금지 목록

• 톤 미니멀리스틱, 전문적, 자신감.
• 헤드라인 대형, 전체 대문자, 타이트한 트래킹의 그루테스크 산세리프.
• CTA 대문자 텍스트가 포함된 아웃라인 캡슐 버튼.

• 세리프 서체를 사용하지 마세요 — 스크린샷에는 전용 대문자 그루테스크 산세리프 타이포그래피만 보입니다.
• 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 1px 테두리만 있는 플랫 디자인이 보입니다.
• 그라디언트를 사용하지 마세요 — 스크린샷에는 단색 블랙과 화이트 배경이 보입니다.
• 주요 레이아웃에 소문자 텍스트를 사용하지 마세요 — 스크린샷에는 모든 텍스트가 대문자입니다.
• 컬럼을 사용하는 복잡한 레이아웃을 사용하지 마세요 — 스크린샷에는 단일 컬럼 전체 너비 행만 보입니다.
• 헤드라인에 소형 텍스트를 사용하지 마세요 — 스크린샷에는 프로젝트 제목이 뷰포트 전체 너비를 차지합니다.
• 피하기: 장식 서체
• 피하기: 드롭 섀도우
• 피하기: 그라디언트
• 피하기: 복잡한 색상 팔레트
• 피하기: 둥근 모서리(캡슐 형태 제외)
• 피하기: 이탤릭체 텍스트

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko