← OpenDesign
큐레이션 · 오픈 · 무료
Auros Global
고위험 디지털 시장 거래를 위한 프리미엄 핀테크 인터페이스.
Fintech Premium Dark Mode Gradient Calm
01
디자인 DNA
crypto 유동성 인프라 제도적
빛나는 네온 테두리를 가진 현대적 디지털 금고
02
컬러
#FFFFFFInk
#BBC7C6Ink soft
#001413BG
#012624BG soft
#003734BG quiet
#707777Muted
rgba(1, 38, 36, 1)Line
에테르하고 무지개빛 그라디언트 액센트를 주요 액션에 더한 깊은 틸 기반.
03
타이포그래피
geometric-sans · sans-serif · monospace
display 96px · 500heading 60px · 500body-lg 20px · 400body 16px · 400caption 14px · 400모든 주요 네비게이션과 버튼은 넓은 트래킹의 대문자로 사용 · 헤드라인은 임팩트를 위해 좌음 negative letter-spacing 사용 · 본문 텍스트는 가독성을 위한 편안한 line-height 유지
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
120px
일관된 4px 기본 그리드와 프리미엄 느낌을 위한 넉넉한 수직 여백.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 6px
lg · 16px
pill · 999px
어두운 배경과 어우러지는 깊은 틸 테두리를 최소화하여 사용.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
넉넉한 사이드 패딩이 있는 구조화된 콘텐츠 블록으로 이어지는 전체 폭의 다크 히어로.
07
모션과 인터랙션
200ms micro
200ms small
600ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
그라디언트의 부드러운 background-position 이동 · hover 상태에서의 섬세한 opacity 페이드
200ms ease-in-out으로 미묘한 background-color 또는 opacity 변화. · 감소된 opacity로 즉각적인 시각적 피드백.
08
컴포넌트
button 다크 텍스트가 있는 무지개빛 그라디언트 채우기, 필 또는 부드러운 직사각형 형태 사용. card 소프트한 내부 그라디언트와 섬세한 glassmorphism 효과를 가진 크고 둥근 카드. chip 미묘한 배경 채우기가 있는 단순한 텍스트 기반 레이블. input 다크 배경과 밝은 테두리를 사용한 깔끔하고 미니멀한 입력 필드. hero 거대한 중앙 정렬 타이포그래피와 단일 고대비 CTA가 있는 전체 폭의 다크 캔버스.
09
보이스와 금지 목록
톤 권위 있고, 제도적이며, 미래 지향적인 어조. 헤드라인 직접적이고 능동적인 동사와 임팩트 있는 명사의 조합. CTA 짧고 행동 지향적이며, 넓은 트래킹의 대문자로 설정. 밝고 채도 높은 주요 색상을 사용하지 않습니다 — 대신 다크 틸 기반에 무지개빛 액센트를 사용합니다. 헤드라인에 얇고 가벼운 타이포그래피를 사용하지 않습니다 — 대신 굵고 500 웨이트의 기하학적 고딕체를 사용합니다. 주요 컴포넌트에 날카롭고 모난 모서리를 사용하지 않습니다 — 대신 카드와 버튼에 16px 둥근 모서리를 사용합니다. 고도감을 위해 무거운 드롭 섀도우를 사용하지 않습니다 — 대신 그라디언트 기반의 평면적인 깊이감을 사용합니다. 좁고 빡빡한 간격을 사용하지 않습니다 — 대신 넉넉한 패딩(수직 120px)과 간격(48px)을 유지합니다. 네비게이션과 CTA에 소문자를 사용하지 않습니다 — 대신 넓은 트래킹의 대문자를 엄격히 사용합니다. 피하기: 지나치게 캐주얼한 속어 피하기: 과도한 느낌표 사용 피하기: 맥락 없는 복잡한 전문 용어 피하기: 模稜两可하거나 일반적인 가치 제안
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 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 암호화폐 유동성 공급자를 위한 프리미엄 핀테크 웹사이트입니다. 에테르하고 무지개빛 그라디언트 액센트 시스템을 갖춘 깊은 다크 틸 배경이 특징입니다. 타이포그래피는 전시용으로 기하학적 고딕체, 본문 텍스트로는 깔끔한 고딕체를 사용하며, 대문자와 넓은 트래킹 레이블을 적극적으로 활용합니다. 레이아웃은 여유롭고 중앙 정렬되어 권위와 제도적 신뢰감을 강조합니다. 중요한 주의사항: 밝고 채도 높은 주요 색상을 절대 사용하지 말고, 헤드라인에 얇고 가벼운 타이포그래피를 피하며, 카드나 버튼에 날카롭고 모난 모서리를 사용하지 말고, 무거운 드롭 섀도우를 피하며, 좁은 대신 넉넉한 간격을 유지하고, 주요 네비게이션이나 CTA에 절대 소문자를 사용하지 않습니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 그라디언트 기반의 깊이감과 고급스럽고 제도적인 미적 감각을 탁월하게 활용하여, 많은 핀테크 사이트의 전형적인 번잡한 모습을 피한 점이 포함할 만합니다.