← OpenDesign
큐레이션 · 오픈 · 무료
Manifesto Endel
절제된 타이포그래피와 단일 CTA를 통해 집중된 브랜드 메시지를 전달하는 다크, 미니멀리스트 매니페스토 페이지.
Dark Mode Premium Editorial Minimal Product
01
디자인 DNA
매니페스토 재편 집단 미래 Endel
시각적 복잡성보다 핵심 메시지를 우선시하는 깔끔하고 집중된 매니페스토 랜딩 페이지.
02
컬러
#FFFFFFInk
#000000BG
#6F6F6FMuted
rgba(111, 111, 111, 1)Line
보조 UI 요소에 차분한 단색 그레이를 하나 사용하는 고대비 단색 팔레트.
03
타이포그래피
humanist-sans
display 40px · 400h1 24px · 400body 16px · 400모든 텍스트는 font-family: Roboto, sans-serif 사용 · 모든 텍스트는 font-weight: 400 사용 · 제목은 시각적 임팩트를 위해 약간 더 좁은 letter-spacing 사용
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
수직 간격은 넉넉하게 설정하여 로고, 헤드라인, CTA 간의 명확한 구분을 만듭니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 10px
lg · 16px
pill · 999px
단단한 배경을 사용하는 버튼을 제외하고 보이는 테두리는 없음.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
모든 콘텐츠를 중앙 축에 맞춘 중앙 정렬, 수직 스택 레이아웃.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
모든 요소의 transition 속성은 'all'로 설정.
버튼은 hover 시 상태가 변경됨. · 단일 주요 행동 버튼.
08
컴포넌트
button 차분한 그레이 배경(#4D4D4D), 화이트 텍스트, 10px border-radius의 주요 CTA. hero 중앙 정렬된 로고, 헤드라인, CTA를 포함한 전면 뷰포트 블랙 배경.
09
보이스와 금지 목록
톤 권위 있고 비전 지향적. 헤드라인 선언적이고 중앙 정렬. CTA 직접적이고 행동 지향적 ('바로 확인'). 밝은 배경을 사용하지 마세요 — 스크린샷은 순수 블랙(#000000) 배경을 보여줍니다. 여러 글꼴 두께를 사용하지 마세요 — 스크린샷은 font-weight 400을 일관되게 사용하는 것만 보여줍니다. 밝은 강조색을 추가하지 마세요 — 스크린샷은 화이트와 차분한 그레이(#6F6F6F)만 보여줍니다. 복잡한 레이아웃을 사용하지 마세요 — 스크린샷은 단순하고 중앙 정렬된 수직 스택 구조를 보여줍니다. 카드에 드롭 섀도우를 사용하지 마세요 — 스크린샷은 섀도우가 적용된 요소가 없습니다. 장식적 패턴을 사용하지 마세요 — 스크린샷은 단색 블랙 배경을 보여줍니다. 피하기: 복잡한 문장 피하기: 장식적 요소 피하기: 경쟁하는 여러 행동
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
미니멀리스트, 다크 테마 매니페스토 웹사이트를 위한 디자인 시스템을 생성하고 있습니다. 팔레트는 엄격히 단색: 배경 순수 블랙(#000000), 주요 텍스트 화이트(#FFFFFF), CTA 버튼과 같은 보조 요소에는 차분한 그레이(#6F6F6F)를 사용합니다. 타이포그래피는 humanist-sans 폰트인 Roboto이며, 모든 요소에 걸쳐 font-weight 400로만 사용됩니다. 레이아웃은 중앙 정렬되고 수직 스택됩니다. 주요 지침: 고대비 사용, 넉넉한 수직 간격 유지, 인터페이스 최소화. 주요 금지 사항: 밝은 강조색 절대 도입하지 않기, 장식적 패턴이나 섀도우 사용하지 않기, 여러 글꼴 두께 사용하지 않기. 어조는 권위 있고 비전 지향적입니다. 이 시스템은 프리미엄적이고, 집중적이며, 의도적인 느낌이어야 합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 극도의 절제를 통해 프리미엄적이고 집중된 경험을 만드는 미니멀리스트, 고대비 다크 모드 디자인의 마스터클래스로 포함할 가치가 있습니다.