큐레이션 · 오픈 · 무료

Base

블록체인 위에서 구축하기 위한 미니멀리스트, 고신뢰 핀테크 플랫폼.

01

디자인 DNA

블록체인의 AWS — 기반이 되고, 엔터프라이즈급이며, 어디에나 존재하는.

02

컬러

고대비 미니멀리즘: 선명한 흰색 위의 깊은 검정 텍스트와 주요 액션을 위한 단일의 고채도 블루.

03

타이포그래피

geometric-sans · humanist-sans · geometric-mono

• display54px · 700
• body16px · 400
• small14px · 400

UI 및 히어로 텍스트에 baseSans 사용 · 모노스페이스 요소 및 데이터에 Geist Mono 사용 · 크기 표시용 제목에는 타이트한 자간 유지

04

여백

표준 4px 그리드와 큰 섹션을 위한 넉넉한 수직 패딩.

05

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

카드 및 입력 필드용 1px solid rgb(229, 231, 235)

rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

레이아웃

명확한 계층적 간격을 가진 중앙 정렬 컨텐츠 컨테이너

07

모션과 인터랙션

인터랙티브 요소를 위한 미세한 페이드 및 색상 전환 · hover 상태를 위한 transform 전환

0.15초 cubic-bezier 커브에서의 색상 및 border-color 전환 · 지연된 상태 변경 없이 즉각적인 시각적 피드백

08

컴포넌트

• button 블루 배경에 흰색 텍스트의 고대비 알약 모양 주요 버튼, 또는 테두리가 있는 보조 변형
• card 미세한 테두리와 명확한 시각적 구분이 있는 깔끔한 흰색 카드
• chip 중립적인 배경을 가진 단순한 알약 모양 태그
• input 명확한 패딩이 있는 깔끔한 테두리의 텍스트 입력 필드
• hero 부제목과 이중 액션 버튼이 있는 큰 중앙 정렬 제목

09

보이스와 금지 목록

• 톤 자신감 있고, 제도적이며, 미래 지향적인
• 헤드라인 대담하고, 직접적이며, 단호한
• CTA 행동 지향적이고 명확한

• 다크 모드 사용 금지 — 스크린샷은 밝은 흰색 배경의 히어로 섹션을 보여줍니다
• 장식용 세리프 사용 금지 — 스크린샷은 제목을 위해 깔끔한 기하학적 산세리프를 보여줍니다
• 다색 그라데이션 사용 금지 — 스크린샷은 주요 액션을 위해 단일의 고채도 블루를 보여줍니다
• 무거운 드롭 섀도우 사용 금지 — 스크린샷은 주요 요소에 최소화되거나 보이지 않는 그림자를 보여줍니다
• 혼란스러운 레이아웃 사용 금지 — 스크린샷은 엄격하게 중앙 정렬된 그리드 기반 계층적 레이아웃을 보여줍니다
• 좁고 비좁은 간격 사용 금지 — 스크린샷은 핵심 컨텐츠 주위의 넉넉한 여백을 보여줍니다
• 피하기: 장난스러운 언어
• 피하기: 지나친 전문 용어
• 피하기: 복잡한 문장 구조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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