← OpenDesign
큐레이션 · 오픈 · 무료
Wallpaperprojects
시각 디자인 프로젝트를 위한 미니멀리스트 고아트 포트폴리오.
Editorial Gallery Curation Premium Clean
01
디자인 DNA
갤러리 큐레이션 디자인 중심 시각문화
하이엔드 디자인 매거진의 디지털 전시 공간.
02
컬러
#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line
따뜻한 오프화이트 배경을 사용하는 엄격한 단색 팔레트로, 프로젝트 이미지가 모든 색상을 제공하도록 합니다.
03
타이포그래피
transitional-serif · geometric-sans · monospace
display 180px · 400display 48px · 400body 12px · 400모든 디스플레이 텍스트는 타이트한 트래킹을 적용한 고대비 트랜지션 세리프로 설정됩니다. · 모든 UI 및 기능 텍스트는 넓은 기하학적 산세리프로 설정됩니다. · 대문자는 메인 제목이 아닌 내비게이션 및 작은 레이블에 사용됩니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
100px
큰 명확한 영역과 주요 콘텐츠 블록 사이의 넉넉한 패딩을 사용하는 넉넉하고 여유로운 레이아웃입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 20px
lg · 20px
pill · 9999px
스크롤 표시기 및 메뉴 아이콘과 같은 UI 요소에 최소한으로 사용되는 1px 실선입니다.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
대형 몰입감 있는 이미지와 타이포그래피를 우선시하는 깔끔한 단일 열 레이아웃으로, 고정 헤더를 가집니다.
07
모션과 인터랙션
220ms micro
300ms small
500ms medium
cubic-bezier(0.23, 1, 0.32, 1) easing
대부분의 상태 변경을 위한 부드럽고 감속하는 트랜지션 (0.2초 및 0.5초 지속 시간). · 콘텐츠 표시 및 숨김을 위한 불투명도 페이드.
인터랙티브 요소에 커서가 포인터로 변경되며, 미세한 불투명도 또는 색상 트랜지션이 적용됩니다. · 별도의 클릭 상태가 표시되지 않으며, hover와 동일한 트랜지션에 의존할 가능성이 높습니다.
08
컴포넌트
button 대문자 기하학적 산세리프 텍스트를 가진 알약 모양 버튼으로, 주요 액션에 사용됩니다. card 프로젝트 이미지와 관련된 세리프 제목을 위한 단순한 보더리스 컨테이너입니다. hero 큰 추상 이미지와 거대한 타이포그래피 타이틀이 특징인 풀비주얼 지배적 섹션입니다.
09
보이스와 금지 목록
톤 세련되고 절제되며 자신감 있는 어조. 헤드라인 대담한 시각적 진술을 하는 크고 표현적인 세리프 타이포그래피. CTA 컨테이너된 알약 모양 내의 깔끔한 전폭 대문자 기하학적 산세리프. 순백 (#FFFFFF) 배경을 사용하지 마세요 — 스크린샷에서는 따뜻한 오프화이트 (#FBF9F3) 캔버스를 보여줍니다. 메인 세리프 디스플레이 폰트에 볼드 두께를 적용하지 마세요 — 스크린샷에서는 일관되게 레귤러 두께 (400)를 보여줍니다. 타이트하고 중앙 정렬된 레이아웃을 사용하지 마세요 — 스크린샷에서는 팽팽하고 종종 왼쪽 정렬되거나 풀브리드 구성을 보여줍니다. 여러 악센트 컬러를 도입하지 마세요 — 스크린샷에서는 색상이 사진에서만 나오는 엄격한 단색 체계를 보여줍니다. 버튼에 둥근 사각형을 사용하지 마세요 — 스크린샷에서는 높은 border-radius를 가진 완전한 알약 모양 버튼을 보여줍니다. 헤더에서 로고를 세로로 쌓지 마세요 — 스크린샷에서는 왼쪽 상단에 한 줄로 표시됩니다. 피하기: 시각적 혼란 또는 불필요한 장식 요소. 피하기: 강렬하고 채도 높은 악센트 컬러. 피하기: 복잡하고 다중 요소 내비게이션. 피하기: 경직되고 그리드 중심 레이아웃.
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 디자인 스튜디오를 위한 프리미엄 갤러리 스타일 에디토리얼 웹사이트입니다. 매우 따뜻한 오프화이트 배경 (#FBF9F3)과 어둡고 거의 검은 텍스트 (#1E1E1E)를 사용합니다. 타이포그래피는 디스플레이 헤드라인을 위한 크고 고대비 트랜지션 세리프와 종종 대문자로 설정되는 UI 요소를 위한 넓고 기하학적 산세리프를 페어링합니다. 레이아웃은 미니멀리스트이고 여유로우며, 대형 몰입감 있는 이미지와 타이포그래피에 초점을 맞춥니다. 중요한 디자인 규칙: 1) 순백 배경을 사용하지 마세요. 따뜻한 오프화이트 톤을 사용하세요. 2) 메인 세리프 디스플레이 폰트에 볼드 두께를 사용하지 마세요. 레귤러를 유지하세요. 3) 강렬한 악센트 컬러를 도입하지 마세요. 프로젝트 사진이 모든 색조 변화를 제공하도록 하세요. 4) 에디토리얼 갤러리 느낌을 유지하기 위해 넉넉한 간격과 단일 열 흐름을 유지하세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 절제와 타이포그래피를 활용하여 프리미엄 및 하이엔드 느낌을 만드는 마스터클래스이며, 에디토리얼 및 포트폴리오 디자인에 훌륭한 참고 자료가 됩니다.