← OpenDesign 큐레이션 · 오픈 · 무료
Ledger
안전한 크립토 자산 관리를 위한 프리미엄 하드웨어 및 소프트웨어 월렛 생태계.
web3 hardware
01
디자인 DNA
크립토 하드웨어 월렛 보안 탈중앙화 신뢰
탈중앙화 시대를 위한 디지털 금고
02
컬러
#FF5E00Accent
#FFFFFFInk
#000000BG
#949494Muted
rgba(255,255,255,0.1)Line
중요한 작업을 위한 단일의 활기찬 악센트가 포함된 고대비 단색.
03
타이포그래피
geometric-sans · humanist-sans · monospace
display 56px · 500heading 32px · 500body 16px · 400caption 13px · 400label 12px · 600임팩트 있는 현대적인 제목에 기하학적산스를 사용합니다. · 높은 가독성을 위한 본문 텍스트에 휴머니스틱산스를 사용합니다. · 굵고 프리미엄 느낌을 위해 큰 전시 텍스트에 타이트한 음의 자간을 적용합니다.
04
여백
4px
8px
12px
16px
24px
32px
48px
64px
96px
타이트하고 통제된 수직 리듬을 제공하는 일관된 4px 기본 그리드.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
낮은 불투명도를 사용한 은은한 흰색 또는 회색의 얇은 1px solid 테두리.
rgba(255,255,255,0.1) 0px -2px 1px 0px inset · rgba(0,0,0,0.25) 0px 2.4px 2.4px 0px
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
가독성을 위한 넓은 컨테이너와 좁은 콘텐츠 칼럼을 배치한 비대칭 분할 히어로 레이아웃.
07
모션과 인터랙션
200ms micro
300ms small
600ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
배경색 및 기본 변환에 대한 표준 전환 · 표시 효과를 위한 부드러운 투명도 페이드 · 스크롤 시 배경 그라데이션 전환
인터랙티브 요소의 배경색 변화 또는 은은한 투명도 변경. · 배경색 업데이트 또는 스케일 변환을 통한 즉각적인 시각적 피드백.
08
컴포넌트
button 고대비 주황색 배경의 둥근 형태 주요 버튼; 보조 버튼은 텍스트 기반에 화살표가 포함됩니다. card 다크 배경 위에 얇은 1px 테두리와 넉넉한 내부 패딩을 적용한 추천 카드. chip 단순한 테두리 컨테이너로 둘러싸인 작은 대문자 카테고리 레이블. input 배경과 자연스럽게 어우러지도록 설계된 미니멀한 다크 테마 입력 필드. hero 그라데이션 배경 위의 큰 제품 비주얼과 굵은 좌측 정렬 타이포그래피 블록이 결합된 풀폭 섹션. 09
보이스와 금지 목록
톤 권위적이고 안전하며 역량을 강화하는 어조. 헤드라인 직설적이고 행동 지향적이며 혜택 중심적인 스타일. CTA 명확하고 명령적인 어조로, 종종 방향 화살표와 함께 사용됩니다. 둥글고 장난스러운 형태를 사용하지 마세요 — 스크린샷에는 날카롭고 정밀한 둥근 버튼과 기하학적 아이콘이 나타납니다. 밝거나 흰색 배경을 사용하지 마세요 — 스크린샷에는 전체적으로 주도적인 깊은 검정 배경이 나타납니다. 얇고 약한 타이포그래피를 사용하지 마세요 — 스크린샷에는 굵고 타이트한 자간의 기하학적산스 헤드라인이 나타납니다. 다양한 악센트 색상을 사용하지 마세요 — 스크린샷에는 단일 주황색 악센트를 사용한 엄격한 단색 팔레트가 나타납니다. 부드럽고 흐릿한 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 미니멀하고 선명한 inset box-shadow과 얇은 1px 테두리가 나타납니다. 작고 비좁은 컨테이너를 사용하지 마세요 — 스크린샷에는 넉넉한 여백과 넓고 확장된 레이아웃이 나타납니다. 피하기: 전문 용어가 과도하거나 지나치게 복잡한 기술 언어 피하기: 보안 측면을 훼손할 수 있는 장난스럽거나 캐주얼한 어조 피하기: 시각적 혼잡이나 불필요한 장식적 요소 피하기: 가독성을 저해하는 저대비 텍스트 피하기: 일반적이거나 브랜드 특성이 없는 이미지 피하기: 공격적이거나 튀는 전환 효과 10
팩 안의 실제 스크린샷
桌面首屏（hero） 桌面滚动分段（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
이 디자인은 크립토 하드웨어 월렛 생태계를 포함하는 프리미엄, 안전한 핀테크 제품을 대표합니다. 높은 채도의 단일 주황색(#FF5E00)을 주요 CTA에 사용하는, 날카롭고 고대비의 단색 팔레트(검정 #000000과 흰색 #FFFFFF)를 활용하며, 보조 텍스트를 위해 은은한 회색(#949494)을 사용합니다. 타이포그래피는 전시 텍스트용 굵은 기하학적산스와 본문용 휴머니스틱산스를 특징으로 하며, 모두 타이트하고 현대적인 자간으로 렌더링됩니다. 중요한 디자인 제약 조건은 다음과 같습니다: 여러 경쟁 악센트 색상을 도입하지 마세요, 엄격한 다크 모드 미학을 유지하세요, 얇거나 약한 타이포그래피를 피하세요, 부드러운 섀도우 대신 미니멀하고 선명한 테두리를 사용하세요, 지나치게 둥글거나 장난스러운 기하학적 형태를 피하세요, 프리미엄스럽고 정돈된 느낌을 위해 넉넉한 여백을 확보하세요.
더 보기 en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 프리미엄 핀테크를 위한 고임팩트 미니멀리스트 다크 모드 디자인의 대표적인 예로, 강렬한 타이포그래피와 단일의 고에너지 악센트 색상을 효과적으로 균형 잡아 신뢰를 구축하고 전환을 유도합니다.
