← OpenDesign
큐레이션 · 오픈 · 무료
Savee
다크하고 미니멀한 미학 위에 구축된 디자이너를 위한 프리미엄 비주얼 큐레이션 도구.
design gallery
01
디자인 DNA
큐레이션 비주얼 영감 디자인 레퍼런스 깔끔함 프리미엄
크리에이티브 전문가를 위한 디지털 무드 보드 플랫폼.
02
컬러
#1019edAccent
#fdfdfdInk
#a3a3a3Ink soft
#050505BG
#151515BG soft
#1e1e1eBG quiet
#737373Muted
rgba(64,64,64,0.5)Line
순백색과 검은색을 사용한 고대비 다크 모드로, 단일의 선명한 블루 악센트를 사용합니다.
03
타이포그래피
geometric-sans · monospace
display 60px · 500h2 36px · 500body 16px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
섹션의 넉넉한 수직 간격을 위한 4px 기본 격자.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 12px
lg · 20px
pill · 9999px
카드 및 입력 필드용 1px solid rgb(64,64,64).
0px 18px 70px rgba(0,0,0,0.35)
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
큰 히어로 섹션을 갖춘 단일 열 중앙 정렬 레이아웃.
07
모션과 인터랙션
150ms micro
400ms small
680ms medium
cubic-bezier(0.22, 0.86, 0, 1) easing
페이지 로드 시 fade-in 및 scale-up · hover 시 부드러운 색상 전환
배경색 변경 또는 불투명도 변화를 통한 섬세한 피드백. · 색상 전환을 통한 즉각적인 피드백.
08
컴포넌트
button 단색 블루 채우기가 적용된 알약 모양의 주요 버튼; 테두리가 있는 고스트 보조 버튼. card 둥근 모서리와 섬세한 테두리가 있는 어두운 상승된 표면. chip 플랫폼 아이콘용 알약 모양 컨테이너 (iPhone App, Figma Plugin 등). input 둥근 모서리와 섬세한 테두리가 있는 어두운 입력 필드. hero 부제목과 두드러진 CTA 버튼이 있는 큰 중앙 정렬 헤드라인.
09
보이스와 금지 목록
톤 전문적이고 깔끔하며 자신감 있는 어조. 헤드라인 가치 제안에 집중하는 직접적이고 강렬한 스타일. CTA 'Build your library'와 같이 행동을 유도하고 명확한 스타일. 밝은 배경을 사용하지 마세요 — 스크린샷은 순수 블랙(#050505) 배경을 보여줍니다. 장식용 폰트를 사용하지 마세요 — 스크린샷은 깔끔하고 기하학적인 sans-serif 타이포그래피를 보여줍니다. 여러 악센트 색상을 사용하지 마세요 — 스크린샷은 단일의 선명한 블루(#1019ed) 악센트를 보여줍니다. 버튼에 날카로운 모서리를 사용하지 마세요 — 스크린샷은 알약 모양의 완전한 둥근 버튼(9999px 반경)을 보여줍니다. 얇고 가벼운 폰트를 사용하지 마세요 — 스크린샷은 영향력을 위해 중간 두께(500)의 제목을 보여줍니다. 바쁜 배경이나 그라데이션을 사용하지 마세요 — 스크린샷은 단색의 플랫한 어두운 표면을 보여줍니다. 피하기: 장난스럽거나 캐주얼한 언어 피하기: 시각적 혼잡 피하기: 복잡한 그라데이션
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 깔끔하고 미니멀한 다크 모드 미학을 강조하는 디자이너를 위한 프리미엄 비주얼 큐레이션 플랫폼입니다. 주요 배경은 근_black(#050505)이며, 순백색(#fdfdfd) 텍스트와 둔한 회색(#a3a3a3) 보조 텍스트로 대비됩니다. 단일의 선명한 블루 악센트(#1019ed)는 'Build your library'와 같은 주요 CTA에만 독점적으로 사용됩니다. 타이포그래피는 영향력을 위한 큰 디스플레이 스케일(60px)의 기하학적 sans-serif 카테고리를 사용합니다. 주요 디자인 제약 사항으로는 라이트 모드 회피, 여러 악센트 색상 회피, 직사각형 버튼 대신 알약 모양 버튼 사용, 장식용 폰트 회피, 큐레이션된 콘텐츠에 시각적 초점을 유지하기 위한 넉넉한 여백 확보가 포함됩니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 최소한의 색상과 큰 타이포그래피를 사용하여 전문적인 품질감을 전달하는 프리미엄 다크 모드 SaaS 디자인의 전형적인 예시입니다.