큐레이션 · 오픈 · 무료

Leonatsume

감성적인 디지털 경험을 보여주는 프리미엄 3D 캐릭터 디자인 포트폴리오.

01

디자인 DNA

아트워크를 전면에 내세우는 하이엔드 크리에이티브 스튜디오 포트폴리오.

02

컬러

컬러풀한 3D 아트워크를 돋보이게 하는 고채도 악센트가 포함된 중립적 캔버스.

03

타이포그래피

geometric-sans · grotesque-sans · monospace

• display65px · 400
• body18px · 400

모든 타이포그래피는 400 굵기로 설정됩니다. · 글꼴 스택은 일관된 폴백을 위해 Arial과 Helvetica에 크게 의존합니다.

04

여백

대형 3D 요소와 리스트 행을 분리하기 위한 넉넉한 여백.

05

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

1px solid rgba(0,0,0,0.1)

rgba(0, 0, 0, 0) 0.78px 1.84px 8px 1px

06

레이아웃

표준 히어로 섹션 뒤에 프로젝트를 위한 수평 리스트 레이아웃이 따릅니다.

07

모션과 인터랙션

단순한 hover 상태를 위한 가시성 토글 및 기본 CSS 전환 효과.

링크와 버튼에 대한 간단한 포인터 커서 인터랙션. · 표준 링크 내비게이션.

08

컴포넌트

• button 대문자 텍스트가 적용된 필 형태의 아웃라인 버튼.
• card 왼쪽에 큰 텍스트 제목, 오른쪽에 3D 썸네일이 있는 수평 프로젝트 행.
• hero 3D 캐릭터 일러스트레이션과 거대하게 겹치는 타이포그래피를 특징으로 하는 전체 뷰포트 히어로.

09

보이스와 금지 목록

• 톤 자신감 있고 전문적이며 예술적으로 표현적인 어조.
• 헤드라인 강렬하고 짧으며 기하학적 sans-serif 타이포그래피로 크게 설정.
• CTA 깔끔하고 필 형태이며 절제된 스타일.

• 다크 모드를 사용하지 마세요 — 스크린샷은 밝은 흰색/오프화이트 배경을 보여줍니다.
• 세리프 글꼴을 사용하지 마세요 — 스크린샷은 깔끔한 기하학적 및 grotesque sans-serif를 보여줍니다.
• 레이아웃을 어지럽히지 마세요 — 스크린샷은 넉넉한 여백과 단일 열 리스트를 보여줍니다.
• 두꺼운 테두리나 섀도우를 사용하지 마세요 — 스크린샷은 미세하거나 없는 테두리가 있는 플랫 디자인을 보여줍니다.
• 두꺼운 글꼴 굵기를 사용하지 마세요 — 스크린샷은 거의 대부분 400 굵기의 타이포그래피를 보여줍니다.
• 바쁜 배경을 사용하지 마세요 — 스크린샷은 3D 아트워크 뒤에 플랫한 중립색이 있음을 보여줍니다.
• 피하기: 복잡한 다중 열 그리드
• 피하기: 밀집된 텍스트 블록
• 피하기: 과도한 드롭 섀도우

10

팩 안의 실제 스크린샷

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

11

System Prompt

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