큐레이션 · 오픈 · 무료

Lauramonin

패션 및 직물 디자이너를 위한 미니멀하고 사진 중심의 포트폴리오입니다.

01

디자인 DNA

패션 디자이너의 최신 컬렉션을 위한 큐레이션된 갤러리 벽

02

컬러

고대비 단색 베이스를 통해 사진이 주도적인 역할을 하도록 설계했습니다.

03

타이포그래피

transitional-serif · grotesque-sans

• display158px · 400
• heading14px · 400
• body12px · 400

크고 표현력 있는 프로젝트 제목에는 세리프 서체를 사용합니다. · 모든 기능 및 내비게이션 텍스트에는 기하학적 산세리프 서체를 사용합니다. · 작은 라벨과 내비게이션 링크에는 대문자 변환을 적용합니다.

04

여백

섹션 간 넉넉한 수직 패딩으로, 여유롭고 편안한 느낌을 연출합니다.

05

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

보이는 테두리 없이, 풍부한 여백과 겹쳐진 이미지 구성으로 구분을 표현합니다.

06

레이아웃

중앙에 큰 제목 요소가 있는 자유 형태의 겹쳐진 이미지 그리드입니다. 내비게이션은 상단 가장자리에 배치됩니다.

07

모션과 인터랙션

느리고 매끄러운 페이지 전환 및 요소 등장 효과

인터랙티브 요소에 미세한 불투명도 또는 변형 효과를 적용합니다. · 표준 링크 내비게이션 방식입니다.

08

컴포넌트

• button 별도의 버튼 컴포넌트 없이, 텍스트 기반 링크로 내비게이션을 구성합니다.
• card 이미지가 주요 콘텐츠 단위로, 콜라주 스타일로 겹쳐 배치됩니다.
• chip 보이는 요소 없음.
• input 보이는 요소 없음.
• hero 겹쳐진 사진들의 역동적인 구성과 중앙에 배치된 큰 제목이 특징입니다.

09

보이스와 금지 목록

• 톤 세련되고 예술적이며 절제된 톤을 유지합니다.
• 헤드라인 산세리프 본문과 대비되는 크고 표현력 있는 세리프 제목을 사용합니다.
• CTA 장식 없는 단순한 텍스트 링크를 주로 대문자로 사용합니다.

• 보이는 테두리나 카드가 있는 그리드를 사용하지 마십시오 — 스크린샷은 겹쳐진 자유 형태 콜라주를 보여줍니다.
• 여러 강조 색상을 사용하지 마십시오 — 스크린샷은 텍스트와 UI에 엄격한 단색 팔레트를 사용합니다.
• 제목에 볼드 산세리프를 사용하지 마십시오 — 스크린샷은 디스플레이 타이포그래피에 세련된 세리프를 사용합니다.
• 이미지에 그림자 효과를 추가하지 마십시오 — 스크린샷은 평면적이고 겹쳐진 사진을 사용합니다.
• 많은 UI 요소로 인터페이스를 복잡하게 만들지 마십시오 — 스크린샷은 광대한 여백과 미니멀한 컨트롤을 보여줍니다.
• 두꺼운 테두리나 구분선을 사용하지 마십시오 — 스크린샷은 시각적 계층 구조를 위해 간격과 겹침을 활용합니다.
• 피하기: 과도한 콜투액션 버튼
• 피하기: 장식적인 아이콘
• 피하기: 복잡한 인터페이스

10

팩 안의 실제 스크린샷

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

11

System Prompt

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