큐레이션 · 오픈 · 무료

Glow

모바일 및 브라우저 확장 프로그램 가용성에 초점을 맞춘 깔끔하고 모던한 Solana 지갑 랜딩 페이지

01

디자인 DNA

프리미엄 소비자 제품처럼 느껴지는 친근한 핀테크 앱

02

컬러

주요 행동을 위한 깨끗한 흰색 배경, 중성적인 회색, 생동감 있는 보라색 강조 색상

03

타이포그래피

grotesque-sans

• display48px · 700
• h140px · 600
• body16px · 400
• caption12px · 500

04

여백

숨 쉴 공간을 위한 넉넉한 패딩의 4px 기본 격자

05

표면 (라운드 / 그림자 / 경계선)

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

레이아웃

왼쪽에 텍스트, 오른쪽에 기기 목업이 있는 2열 힠러

07

모션과 인터랙션

호버 및 클릭 인터랙션에서 부드러운 전환 · 페이지 요소를 위한 섬세한 입장 애니메이션

인터랙티브 요소의 미묘한 스케일 또는 색상 변화 · 약간의 변환을 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 주요 행동을 위한 견고한 보라색 배경의 둥근 알약 모양 버튼
• card 기능 섹션을 위한 미묘한 그림자와 둥근 모서리의 깔끔한 카드
• chip 'NEW'와 같은 알림을 위한 작은 둥근 배지
• hero 서브텍스트와 CTA 버튼, 기기 목업이 함께 하는 큰 헤드라인

09

보이스와 금지 목록

• 톤 친근하고, 자신감 있고, 모던한
• 헤드라인 사용자에게 직접적으로 말하는 굵고 직접적인 문구
• CTA 명확한 가치 제안을 담은 행동 지향적인 문구

• 어두운 배경을 사용하지 마세요 — 스크린샷은 흰색과 밝은 회색 배경을 보여줍니다
• 세리프 폰트를 사용하지 마세요 — 스크린샷은 기하학적 산세리프 타이포그래피를 보여줍니다
• 카드에 작은 border radius를 사용하지 마세요 — 스크린샷은 큰 둥근 모서리(18px)를 보여줍니다
• 무채색 팔레트를 사용하지 마세요 — 스크린샷은 생동감 있는 보라색 강조 색상을 보여줍니다
• 빽빽한 텍스트 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 간격과 숨 쉴 공간을 보여줍니다
• 복잡한 그라디언트를 사용하지 마세요 — 스크린샷은 미묘한 그림자와 함께 주로 단색을 보여줍니다
• 피하기: 복잡한 기술 전문 용어
• 피하기: 지나치게 격식 있는 언어
• 피하기: 공격적인 판매 전략

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko