큐레이션 · 오픈 · 무료

Family

모두가 이더리움을 친근하고 간단하게 느낄 수 있도록 설계된, 감성적이고 캐릭터 중심의 암호화폐 지갑입니다.

CryptoWalletMotion
Family 스크린샷
↓ 디자인 시스템 다운로드 (12 MB)OpenDesign 에서 열기

원본 사이트: https://family.co

📦 팩 내용 보기 →

01

디자인 DNA

장난기 있는친근한신뢰혁신명확성

복잡한 암호화폐 바다를 함께 항해하는 친근한 동반자

02

컬러

#0080e8Accent
#474645Ink
#7a7876Ink soft
#ffffffBG
#f2f0ecBG soft
#a0a0a0Muted
rgba(71, 70, 69, 0.2)Line

활기차고 개성 있는 악센트로 점缀된 깔끔한 화이트스페이스

03

타이포그래피

geometric-sans · humanist-sans

디스플레이 텍스트는 타이트한 행간(1.05)과 네거티브 자간(-1.5px)을 사용합니다 · 본문 텍스트는 가독성을 위해 편안한 1.6 행간을 유지합니다 · 모든 텍스트는 폰트 두께 400-500 범위를 사용하며, 볼드 두께는 사용하지 않습니다 · 전체 크기에서 약간 네거티브한 자간을 사용하여 일관성을 유지합니다

04

여백

4px
8px
12px
16px
24px
32px
48px
64px
96px

일관된 8px 기반에 섹션 간 넉넉한 화이트스페이스

05

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

sm · 6px
md · 10px
lg · 16px
pill · 40px

깊이감을 주기 위한 인셋 그림자를 사용한 미묘한 1px 테두리

0px 0px 0px 1px inset rgba(242, 240, 236, 1) · 0px 3px 16px rgba(0, 0, 0, 0.1) · 0px 0px 24px rgba(0, 0, 0, 0.15)

06

레이아웃

1200container
12columns
24pxgutter
768 / 1024breakpoints

넉넉한 패딩을 갖춘 중앙 정렬 단일 컬럼 레이아웃

07

모션과 인터랙션

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

호버 상태를 위한 transform과 opacity 트랜지션 · 페이지 전환을 위한 부드러운 cubic-bezier 이징 · 0.2s 기간의 마이크로 인터랙션

인터랙티브 요소의 미묘한 색상 변화와 약간의 transform · transform scale로 즉각적인 시각적 피드백

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Family — 桌面首屏（hero）
桌面首屏（hero）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Family — 移动首屏
移动首屏

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

11

System Prompt

친근한 이더리움 암호화폐 지갑 Family를 위한 디자인 시스템입니다. 깔끔한 화이트(#ffffff) 기반에 카드와 표면용 따뜻한 오프화이트(#f2f0ec)를 사용합니다. 주요 텍스트는 따뜻한 그레이(#474645)이며, 핵심 악센트에 블루(#0080e8)를 사용합니다. 타이포그래피는 디스플레이용 기하학적 sans-serif(타이트한 자간, 500 두께)와 본문용 휴머니스트 sans-serif(400 두께)를 특징으로 합니다. 버튼은 40px 보더 반경의 알약 모양입니다. 핵심 주의 사항: 다크 배경 절대 사용하지 않기(사이트는 라이트 테마), 날카로운 모서리 피하기(모든 것이 10-40px 반경 사용), 볼드 폰트 두께 건너뛰기(최대 500), 넉넉한 화이트스페이스 유지(64-96px 간격), 미묘한 그림자만 사용(하드 드롭 그림자 없음). 이 디자인은 친근하고 접근 가능하며 위협적이지 않게 암호화폐를 만들기 위해 장난기 있는 일러스트레이션과 캐릭터를 강조합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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