큐레이션 · 오픈 · 무료

Leonidkostetskyi

대담하고 기하학적인 디스플레이 텍스트와 넉넉한 여백을 강조하는 타이포그래피 기반 개인 포트폴리오입니다.

PortfolioTypographyCleanRefinedStudio

↓ 디자인 시스템 다운로드 (18 MB)OpenDesign 에서 열기

원본 사이트: https://leonidkostetskyi.com

📦 팩 내용 보기 →

디자인 DNA

크리에이티브 디렉터개인 브랜드미니멀리스트타이포그래피 중심프리미엄

하이엔드 디자인 스튜디오 포트폴리오 또는 단행본입니다.

컬러

#472425Ink

#F2EFE9BG

#EAE7E1BG soft

#6B6B6BMuted

rgba(71, 36, 37, 0.1)Line

거대한 다크 브라운 디스플레이 타입과 따뜻하고 질감 있는 오프화이트 배경 사이의 높은 대비입니다.

타이포그래피

geometric-sans

display-hero165px · 400
display-large142px · 400
body-sm12px · 400

모든 텍스트는 대문자 · 디스플레이 텍스트는 타이트한 트래킹 (-3.3px ~ -4.125px) 사용 · 본문 텍스트는 표준 트래킹 사용

여백

4px

8px

12px

16px

24px

32px

48px

64px

96px

225px

섹션 간 넉넉한 수직 간격(225px 패딩)을 가진 넉넉한 여백입니다.

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

hover 상태 또는 작은 구분선용으로 절제되게 사용되는, 미묘한 1px 테두리입니다.

레이아웃

1440container

12columns

24pxgutter

768 / 1024breakpoints

대형 텍스트 블록이 특정 모서리에 고정된, 풀스크린 고대비 타이포그래피 히어로 레이아웃입니다.

모션과 인터랙션

220msmicro

500mssmall

800msmedium

cubic-bezier(0.16, 1, 0.3, 1)easing

테마 전환을 위한 부드러운 색상 및 배경색 트랜지션 · 인터랙티브 요소를 위한 Transform 트랜지션

내비게이션 항목 아래에 점선 밑줄이 나타납니다. · 새 섹션 또는 상태로의 부드러운 전환입니다.

컴포넌트

button hover 시 점선 밑줄이 나타나는 미니멀리스트 텍스트 링크입니다.
card 전통적인 카드가 없으며, 콘텐츠는 대형 타이포그래피 블록으로 제시됩니다.
chip 테마 전환용으로 사용되는 작은 원형 도트입니다.
input 제공된 스크린샷에서는 보이지 않습니다.
hero 'LEONID KOSTETSKYI'와 'CREATIVE DIRECTOR'라는 두 개의 대형 텍스트 블록을 화면 대각선에 균형 있게 배치한 거대한 타이포그래피 합성입니다.

보이스와 금지 목록

톤 자신감 있고, 정교하며, 절제된 톤입니다.
헤드라인 거대하고 대문자인 기하학산세리프 디스플레이 타입입니다.
CTA 작고 대문자인 모노스페이스 또는 산세리프 텍스트 링크입니다.

디스플레이 텍스트에 소문자를 사용하지 마세요 — 스크린샷의 모든 텍스트는 대문자
장식용이나 스크립트 서체를 사용하지 마세요 — 스크린샷은 깔끔한 기하학산세리프 사용
밝거나 네온 강조색을 추가하지 마세요 — 스크린샷은 브라운과 오프화이트로 구성된 차분하고 단색 팔레트 사용
무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 질감 기반의 평면 디자인, 섀도우 없음
많은 컬럼을 가진 복잡한 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 넓고 비대칭적 레이아웃
작고 비좁은 타이포그래피를 사용하지 마세요 — 스크린샷은 최대 165px에 달하는 거대한 디스플레이 크기 특징
피하기: 복잡한 레이아웃이나 과도한 이미지 사용 회피
피하기: 밝고 고채도 강조색 회피
피하기: 장식용 세리프 서체 회피
피하기: 드롭 섀도우나 복잡한 그래디언트 회피
피하기: 소문자 디스플레이 텍스트 회피
피하기: 가운데 정렬된 텍스트 블록 회피

팩 안의 실제 스크린샷

Leonidkostetskyi — 桌面首屏（hero） — 桌面首屏（hero）

Leonidkostetskyi — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

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

System Prompt

따뜻한 오프화이트 배경(#F2EFE9)과 깊은 브라운 잉크(#472425)로 정교하고 절제된 느낌을 주는, 거대하고 기하학적인 산세리프 타이포그래피와 미니멀리스트 고대비 팔레트가 특징인 하이엔드 크리에이티브 디렉터 포트폴리오 사이트입니다. 디자인은 이미지 대신 극단적인 여백과 대형 타이포그래피 블록에 의존합니다. 내비게이션은 미묘한 점선 밑줄이 있는 작고 대문자 텍스트 링크로 처리됩니다. 핵심 제약 사항: 모든 텍스트를 대문자로 유지, 고채도 강조색 회피, 디스플레이 타입의 거대한 스케일 유지. 복잡한 그리드, 장식용 서체 또는 복잡한 그래디언트를 도입하지 마세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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