큐레이션 · 오픈 · 무료

Josephinelochen

패션 전문가를 위한 미니멀하고 이미지 중심의 포트폴리오.

EditorialPhotographicPortfolioGalleryCuration
Josephinelochen 스크린샷
↓ 디자인 시스템 다운로드 (11 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

패션포트폴리오에디토리얼미니멀리스트

하이패션 룩북 또는 갤러리 전시회.

02

컬러

#000000Ink
#FFFFFFBG
#CECECEMuted
rgba(0,0,0,1)Line

최소한의 UI로 엄격한 모노크롬 대비를 적용하여 사진의 임팩트를 극대화합니다.

03

타이포그래피

grotesque-sans

텍스트는 작고 눈에 띄지 않게 유지합니다. · 모든 인터페이스 요소에 고딕체 타이포그래피를 사용합니다.

04

여백

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

여유로운 여백으로 사진이 숨 쉴 수 있도록 합니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

주요 UI 요소에 눈에 보이는 테두리가 없습니다.

06

레이아웃

1920container
12columns
50pxgutter
768 / 1024breakpoints

전체 블리드 이미지, 고정된 위치의 헤더, 하단 그리드 갤러리.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

이미지 전환 시 불투명도 페이드 인.

이미지 위에서 커서가 포인터 또는 그랩으로 변경. · 표준 포인터 인터랙션.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이것은 패션 전문가를 위한 미니멀하고 이미지 중심의 포트폴리오 웹사이트입니다. 엄격한 모노크롬 색상 팔레트를 사용하며, 순백 배경(#FFFFFF)과 단색 검정 텍스트(#000000)를 특징으로 합니다. 타이포그래피는 깔끔한 고딕체 폰트로, 작고 정상 굵기로 유지하여 사진이 초점을 유지하도록 합니다. 주요 디자인 원칙에는 전체 블리드 이미지, 여유로운 여백, 장식적 UI 요소의 완전한 부재가 포함됩니다. 핵심 제약 사항은 다음과 같습니다: 둥근 모서리를 사용하지 마세요. 레이아웃이 날카롭고 직사각형이기 때문입니다. 이미지 카드에 그림자나 테두리를 추가하지 마세요. 여러 폰트 패밀리나 다양한 강조 색상을 사용하지 마세요.

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

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

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

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