큐레이션 · 오픈 · 무료

Build in Amsterdam

플래그십 이커머스 경험을 전문으로 하는 프리미엄 디지털 에이전시

01

디자인 DNA

하이엔드 패션 에디토리얼과 디지털 스토어프론트의 만남

02

컬러

따뜻한 뉴트럴 포인트가 더해진 고대비 모노크롬

03

타이포그래피

grotesque-sans · transitional-serif

• display86px · 400
• body16px · 400
• caption11px · 500

헤드라인: Neue Haas Grotesk Display, 타이트한 네거티브 트래킹 적용 · 본문: Reckless Neue 트랜지셔널 세리프, 우아하고 가독성 높음 · 라벨: 대문자 grotesque, standard weight

04

여백

오른쪽 영역에 넉넉한 여백을 둔 비대칭 그리드

05

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

버튼과 카드에 1px solid black 적용

06

레이아웃

분할 화면: 좌측은 작업물/포트폴리오, 우측은 히어로 텍스트 및 CTA 영역

07

모션과 인터랙션

포트폴리오 오버레이를 위한 부드러운 opacity 트랜지션 · 인터랙티브 요소의 transform 기반 hover 효과 · 작업물 항목의 순차적 reveal 애니메이션

카드와 버튼의 미세한 transform 변화 · opacity 변화를 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 대문자 텍스트와 얇은 블랙 테두리가 있는 윤곽선 사각형 버튼
• card hover 상태의 이미지 기반 작업물 카드, 플로팅 오버레이로 표시
• hero 거대한 타이포그래피 헤드라인과 세리프 본문 텍스트, 분할 레이아웃 적용

09

보이스와 금지 목록

• 톤 자신감 있고 세련되며 권위 있는
• 헤드라인 거대한 대문자 타이포그래피의 직접적이고 선언적인 문장
• CTA 얇은 테두리가 있는 미니멀한 대문자 텍스트 라벨

• 밝고 채도 높은 색상 사용 금지 — 스크린샷은 블랙 포인트가 더해진 은은한 따뜻한 뉴트럴을 보여줍니다
• 모든 곡률에 둥근 모서리 사용 금지 — 스크린샷은 특정 요소에만 4px radius가 적용된 날카로운 사각형 버튼을 보여줍니다
• 본문에 sans-serif 사용 금지 — 스크린샷은 단락 텍스트에 트랜지셔널 세리프(Reckless Neue)를 사용합니다
• 텍스트 중앙 정렬 사용 금지 — 스크린샷은 좌우 정렬 텍스트와 비대칭 그리드를 보여줍니다
• 카드에 드롭 섀도우 사용 금지 — 스크린샷은 섀도우 효과 없이 깔끔한 테두리와 에지를 가집니다
• 장식용 스크립트 폰트 사용 금지 — 스크린샷은 grotesque sans-serif와 트랜지셔널 세리프만 사용합니다
• 피하기: 장난스러운 언어
• 피하기: 과도한 구두점
• 피하기: 이모지
• 피하기: 느낌표
• 피하기: 캐주얼한 어조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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