큐레이션 · 오픈 · 무료

Bastienallard

모노크롬 팔레트와 강한 타이포그래피를 특징으로 하는 시니어 아트 디렉터의 미니멀리스트 개인 포트폴리오입니다.

01

디자인 DNA

디지털 디자인 전문성을 보여주도록 설계된 깔끔하고 고대비의 에디토리얼 레이아웃입니다.

02

컬러

포인트 색상 없는 극단적인 고대비 모노크롬으로, 시각적 위계를 위해 타이포그래피와 사진에 의존합니다.

03

타이포그래피

geometric-sans · monospace

• display56px · 540
• body16px · 540

모든 UI 텍스트에 Diatype Variable 사용 · 헤드라인에 좁은 자간 유지 · 시스템 폰트는 대체용으로만 사용

04

여백

엄격한 4px 기반 그리드와 넉넉한 여백입니다.

05

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

구분을 위해 rgba(0,0,0,0.8)를 사용한 미세한 1px 테두리입니다.

06

레이아웃

넓고 공간감 있는 메인 콘텐츠 영역을 갖춘 깔끔한 3단 푸터 레이아웃입니다.

07

모션과 인터랙션

모든 인터랙티브 요소에 부드러운 트랜지션 · hover 시 미세한 커서 변화

링크에 미세한 불투명도 변화 또는 색상 반전입니다. · 무거운 애니메이션 없는 즉각적인 피드백입니다.

08

컴포넌트

• button 배경 채움 없는 미니멀리스트 텍스트 기반 버튼입니다.
• card 미세한 타이포그래피 오버레이가 있는 이미지 중심 프로젝트 카드입니다.
• chip 분류를 위한 간단한 텍스트 태그입니다.
• input 깔끔하고 테두리 없는 텍스트 입력 필드입니다.
• hero 에디토리얼 사진과 결합된 크고 임팩트 있는 타이포그래피입니다.

09

보이스와 금지 목록

• 톤 전문적이고 자신감 있으며 절제된 어조입니다.
• 헤드라인 굵고 직접적이며 매우 가독성이 좋습니다.
• CTA 외치기보다 이끄는 미세한 텍스트 링크입니다.

• 다크 모드를 사용하지 마세요 — 스크린샷에 순백 배경이 표시됩니다.
• 밝은 포인트 색상을 추가하지 마세요 — 팔레트는 엄격히 모노크롬입니다.
• 장식용 세리프 폰트를 사용하지 마세요 — 스크린샷에 기하학적 산세리프가 전체적으로 사용됩니다.
• 무거운 드롭 그림자를 추가하지 마세요 — 표면은 플랫하며 깊이를 위해 테두리나 타이포그래피에 의존합니다.
• 많은 색상으로 UI를 복잡하게 하지 마세요 — 엄격한 블랙, 화이트, 그레이 팔레트를 사용합니다.
• 모든 곡선형 코너를 사용하지 마세요 — 디자인은 날카롭고 건축적입니다.
• 피하기: 과도한 장식
• 피하기: 화려한 색상
• 피하기: 복잡한 애니메이션

10

팩 안의 실제 스크린샷

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

11

System Prompt

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