큐레이션 · 오픈 · 무료

Nathansmith

극단적인 타이포그래피 스케일과 넓은 음수 공간을 활용하여 프리미엄 갤러리 같은 프레젠테이션을 만드는 미니멀 단색 포트폴리오 사이트.

PortfolioTypographyBoldCurationStudio
Nathansmith 스크린샷
↓ 디자인 시스템 다운로드 (1 MB)OpenDesign 에서 열기

원본 사이트: https://www.nathansmith.design

📦 팩 내용 보기 →

01

디자인 DNA

미니멀프리미엄아트다이렉티드대담한에디토리얼

고급 단색 아트 갤러리.

02

컬러

#F5F4EEInk
#FFFFFFInk soft
#000000BG
#333333Muted
rgba(245, 244, 238, 1)Line

타이포그래피와 음수 공간에 의존하는 극단적 단색 미니멀리즘.

03

타이포그래피

transitional-serif · geometric-sans

디스플레이 텍스트에는 트랜지셔널 세리프 사용 · 본문 텍스트에는 기하학적 산세리프 사용 · 디스플레이 요소에는 모든 타이포그래피를 대문자로 설정

04

여백

4px
8px
16px
24px
32px
48px
64px
96px
128px

큰 간격을 둔 넉넉한 수직 및 수평 간격

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

보이는 테두리 없이, 음수 공간에 의존

None: None

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

중앙에 넓은 음수 공간을 둔 비대칭적이고 가장자리에 고정된 구조

07

모션과 인터랙션

220msmicro
500mssmall
1000msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

페이드 인 · 색상 변화 · 불투명도 변화

모든 인터랙티브 요소에 커서 포인터 · 즉각적인 시각적 피드백

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Nathansmith — 桌面首屏（hero）
桌面首屏（hero）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Nathansmith — 移动首屏
移动首屏

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

11

System Prompt

아트 디렉터를 위한 미니멀 포트폴리오 사이트입니다. 디자인은 블랙 배경(#000000)과 오프화이트 텍스트(#F5F4EE)를 사용하는 엄격한 단색으로, 트랜지셔널 세리프 디스플레이 폰트와 기하학적 산세리프 본문 폰트를 사용합니다. 헤드라인을 위한 거대한 타이포그래피 스케일과 프리미엄 갤러리 같은 느낌을 주는 넓고 비어있는 음수 공간이 특징입니다. 플로팅 UI 요소는 깊고 어두운 그림자와 타원형을 사용합니다. 핵심 제약 조건: 엄격한 단색 팔레트 유지, 거대한 음수 공간 사용, 모든 타이포그래피를 뷰포트 가장자리에 고정.

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

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

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

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