큐레이션 · 오픈 · 무료

Phantom

거래 및 디지털 자산 관리를 위한, 장난기 있고 접근 가능한 암호화폐 지갑.

01

디자인 DNA

암호화폐 세계로의 친절하고 안전한 관문

02

컬러

보라색 기반의 고대비 팔레트로, 밝은 중립 배경과 생동감 넘치는 친근한 강조색을 사용합니다.

03

타이포그래피

humanist-sans

• display96px · 400
• body16px · 400

모든 텍스트에 Phantom 맞춤 글꼴을 사용합니다. · 대형 헤드라인은 -2.4px의 좁은 자간을 사용합니다. · 브랜드와 어울리는 깨끗하고 둥근 타이포그래피 미학을 유지합니다.

04

여백

일관된 4px 기본 단위 그리드를 사용하고, 콘텐츠 블록에는 넉넉한 패딩을 적용합니다.

05

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

잉크색과 일치하는 테두리색으로 1px solid 테두리

0px 0px 4px 0px rgba(226,223,254,1)

06

레이아웃

중앙 정렬 단일 열 레이아웃으로, 몰입감 있는 대형 히어로 섹션과 넉넉한 여백을 사용합니다.

07

모션과 인터랙션

버튼의 hover 및 click 상태에서 매끄러운 전환 효과. · 섬세한 색상 및 배경색 전환 효과.

매끄러운 전환과 함께 배경색의 섬세한 변화. · 시각적 상태 변화를 통한 즉각적인 피드백.

08

컴포넌트

• button 부드러운 배경색과 매끄러운 전환 효과를 가진, 둥근 알약 모양 버튼.
• card 섬세한 그림자나 테두리가 있는, 깨끗하고 단순한 카드.
• chip 알약 모양의 탐색 또는 필터 요소.
• input 모서리가 둥근 표준 텍스트 입력 필드.
• hero 대담한 타이포그래피와 장난기 있는 3D 그래픽을 사용한, 크고 몰입감 있는 히어로 섹션.

09

보이스와 금지 목록

• 톤 친근하고, 장난기 있으며, 신뢰할 수 있는 어조.
• 헤드라인 대담하고, 명확하며, 약간 기발한 스타일.
• CTA 직설적이고, 행동을 유도하며, 초대하는 스타일.

• 버튼이나 카드에 날카롭고 딱딱한 모서리를 사용하지 마세요 — 스크린샷은 둥근 모서리를 보여줍니다.
• 순수 흑백 색 구성표를 사용하지 마세요 — 스크린샷은 보라색이 지배적인 팔레트를 보여줍니다.
• 본문 텍스트에 세리프 또는 고정폭 글꼴을 사용하지 마세요 — 스크린샷은 humanist-sans 글꼴을 보여줍니다.
• 히어로 섹션을 비좁게 느끼게 하지 마세요 — 스크린샷은 넉넉한 간격과 큰 텍스트를 보여줍니다.
• 지나치게 복잡하거나 지저분한 탐색을 사용하지 마세요 — 스크린샷은 깨끗하고 단순한 상단 바를 보여줍니다.
• 거칠고 불쾌한 전환을 사용하지 마세요 — 스크린샷은 매끄럽고 우아한 이징 곡선을 보여줍니다.
• 피하기: 설명 없는 지나치게 전문적인 용어.
• 피하기: 공격적이거나 위협적인 언어.
• 피하기: 지저분하거나 혼란스러운 레이아웃.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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