큐레이션 · 오픈 · 무료

Wallpaperprojects

시각 디자인 프로젝트를 위한 미니멀리스트 고아트 포트폴리오.

EditorialGalleryCurationPremiumClean
Wallpaperprojects 스크린샷
↓ 디자인 시스템 다운로드 (24 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

갤러리 큐레이션 디자인 중심 시각문화

하이엔드 디자인 매거진의 디지털 전시 공간.

02

컬러

#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line

따뜻한 오프화이트 배경을 사용하는 엄격한 단색 팔레트로, 프로젝트 이미지가 모든 색상을 제공하도록 합니다.

03

타이포그래피

transitional-serif · geometric-sans · monospace

모든 디스플레이 텍스트는 타이트한 트래킹을 적용한 고대비 트랜지션 세리프로 설정됩니다. · 모든 UI 및 기능 텍스트는 넓은 기하학적 산세리프로 설정됩니다. · 대문자는 메인 제목이 아닌 내비게이션 및 작은 레이블에 사용됩니다.

04

여백

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

큰 명확한 영역과 주요 콘텐츠 블록 사이의 넉넉한 패딩을 사용하는 넉넉하고 여유로운 레이아웃입니다.

05

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

sm · 4px
md · 20px
lg · 20px
pill · 9999px

스크롤 표시기 및 메뉴 아이콘과 같은 UI 요소에 최소한으로 사용되는 1px 실선입니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

대형 몰입감 있는 이미지와 타이포그래피를 우선시하는 깔끔한 단일 열 레이아웃으로, 고정 헤더를 가집니다.

07

모션과 인터랙션

220msmicro
300mssmall
500msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing

대부분의 상태 변경을 위한 부드럽고 감속하는 트랜지션 (0.2초 및 0.5초 지속 시간). · 콘텐츠 표시 및 숨김을 위한 불투명도 페이드.

인터랙티브 요소에 커서가 포인터로 변경되며, 미세한 불투명도 또는 색상 트랜지션이 적용됩니다. · 별도의 클릭 상태가 표시되지 않으며, hover와 동일한 트랜지션에 의존할 가능성이 높습니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이것은 디자인 스튜디오를 위한 프리미엄 갤러리 스타일 에디토리얼 웹사이트입니다. 매우 따뜻한 오프화이트 배경 (#FBF9F3)과 어둡고 거의 검은 텍스트 (#1E1E1E)를 사용합니다. 타이포그래피는 디스플레이 헤드라인을 위한 크고 고대비 트랜지션 세리프와 종종 대문자로 설정되는 UI 요소를 위한 넓고 기하학적 산세리프를 페어링합니다. 레이아웃은 미니멀리스트이고 여유로우며, 대형 몰입감 있는 이미지와 타이포그래피에 초점을 맞춥니다. 중요한 디자인 규칙: 1) 순백 배경을 사용하지 마세요. 따뜻한 오프화이트 톤을 사용하세요. 2) 메인 세리프 디스플레이 폰트에 볼드 두께를 사용하지 마세요. 레귤러를 유지하세요. 3) 강렬한 악센트 컬러를 도입하지 마세요. 프로젝트 사진이 모든 색조 변화를 제공하도록 하세요. 4) 에디토리얼 갤러리 느낌을 유지하기 위해 넉넉한 간격과 단일 열 흐름을 유지하세요.

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

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

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

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