← OpenDesign
큐레이션 · 오픈 · 무료
Glow
모바일 및 브라우저 확장 프로그램 가용성에 초점을 맞춘 깔끔하고 모던한 Solana 지갑 랜딩 페이지
Fintech Mobile UI Clean Product Calm
01
디자인 DNA
Solana 지갑 모던한 접근성 있는 암호화폐
프리미엄 소비자 제품처럼 느껴지는 친근한 핀테크 앱
02
컬러
#CC62D5Accent
#131517Ink
#737577Ink soft
#FFFFFFBG
#F4F5F6BG soft
#B3B5B7Muted
rgba(179, 181, 183, 0.3)Line
주요 행동을 위한 깨끗한 흰색 배경, 중성적인 회색, 생동감 있는 보라색 강조 색상
03
타이포그래피
grotesque-sans
display 48px · 700h1 40px · 600body 16px · 400caption 12px · 500
04
여백
4px
8px
12px
16px
24px
32px
48px
64px
96px
숨 쉴 공간을 위한 넉넉한 패딩의 4px 기본 격자
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 18px
pill · 100px
1px solid rgba(179, 181, 183, 0.3)
0 4px 24px rgba(0, 0, 0, 0.08) · 0 2px 8px rgba(0, 0, 0, 0.04)
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
왼쪽에 텍스트, 오른쪽에 기기 목업이 있는 2열 힠러
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
호버 및 클릭 인터랙션에서 부드러운 전환 · 페이지 요소를 위한 섬세한 입장 애니메이션
인터랙티브 요소의 미묘한 스케일 또는 색상 변화 · 약간의 변환을 통한 즉각적인 시각적 피드백
08
컴포넌트
button 주요 행동을 위한 견고한 보라색 배경의 둥근 알약 모양 버튼 card 기능 섹션을 위한 미묘한 그림자와 둥근 모서리의 깔끔한 카드 chip 'NEW'와 같은 알림을 위한 작은 둥근 배지 hero 서브텍스트와 CTA 버튼, 기기 목업이 함께 하는 큰 헤드라인
09
보이스와 금지 목록
톤 친근하고, 자신감 있고, 모던한 헤드라인 사용자에게 직접적으로 말하는 굵고 직접적인 문구 CTA 명확한 가치 제안을 담은 행동 지향적인 문구 어두운 배경을 사용하지 마세요 — 스크린샷은 흰색과 밝은 회색 배경을 보여줍니다 세리프 폰트를 사용하지 마세요 — 스크린샷은 기하학적 산세리프 타이포그래피를 보여줍니다 카드에 작은 border radius를 사용하지 마세요 — 스크린샷은 큰 둥근 모서리(18px)를 보여줍니다 무채색 팔레트를 사용하지 마세요 — 스크린샷은 생동감 있는 보라색 강조 색상을 보여줍니다 빽빽한 텍스트 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 간격과 숨 쉴 공간을 보여줍니다 복잡한 그라디언트를 사용하지 마세요 — 스크린샷은 미묘한 그림자와 함께 주로 단색을 보여줍니다 피하기: 복잡한 기술 전문 용어 피하기: 지나치게 격식 있는 언어 피하기: 공격적인 판매 전략
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 Solana 암호화폐 지갑을 위한 깔끔하고 모던한 핀테크 랜딩 페이지입니다. 친근하고 접근성 있는 디자인으로 프리미엄 소비자 제품으로 자리매김합니다. 주요 색상에는 순백(#FFFFFF) 배경, 짙은 잉크(#131517), 중성적인 회색(#737577, #B3B5B7), 생동감 있는 보라색 강조(#CC62D5)가 포함됩니다. 타이포그래피는 굵고 좁은 자간의 헤드라인과 깔끔한 본문 텍스트를 사용하는 기하학적 산세리프 폰트 패밀리를 사용합니다. 핵심 디자인 원칙: 다크 모드를 피하고, 넉넉한 여백을 유지하고, 카드와 구성 요소에 둥근 모서리(18px)를 사용하고, 인터페이스를 단순하고 깔끔하게 유지하며, 보라색 강조가 중성적인 배경에서 돋보이도록 합니다. 레이아웃은 데스크톱에서 왼쪽에 텍스트 콘텐츠, 오른쪽에 기기 목업이 있는 2열로 시각적 균형을 만들고 컨텍스트에서 제품을 시연합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 깔끔한 미학, 굵은 타이포그래피, 핵심 행동으로 주의를 유도하기 위한 전략적 색상 활용으로 프리미엄 핀테크 디자인의 모범을 보여줍니다.