큐레이션 · 오픈 · 무료

Alchemy

선도적인 핀테크 기업들이 신뢰하는 완전한 블록체인 개발자 플랫폼.

web3infra
Alchemy 스크린샷
↓ 디자인 시스템 다운로드 (18 MB)OpenDesign 에서 열기

원본 사이트: https://www.alchemy.com

📦 팩 내용 보기 →

01

디자인 DNA

블록체인인프라개발자스케일핀테크

블록체인 경제를 위한 신뢰할 수 있는 디지털 플럼빙.

02

컬러

#363FF9Accent
#020617Ink
#374151Ink soft
#FFFFFFBG
#EFF4F9BG soft
#E2E8F0BG quiet
#64748BMuted
rgba(226, 232, 240, 1.0)Line

주요 액션을 위한 생동감 있는 블루 액센트가 더해진, 깔끔하고 고대비의 서피스.

03

타이포그래피

geometric-sans · humanist-sans · monospace

제목과 큰 강조에는 디스플레이 폰트(ppNeue)를 사용합니다. · 단락과 UI 요소에는 본문 폰트(Public Sans)를 사용합니다. · 코드 블록에는 모노 폰트(Roboto Mono)를 사용합니다.

04

여백

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

히어로 섹션에 넉넉한 padding을 두어 일관된 4px 기본 그리드를 따릅니다.

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

1px solid #E2E8F0

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 10px 15px -3px rgba(0, 0, 0, 0.1)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠 주변에 넉넉한 여백을 둔 중앙 정렬 컨테이너.

07

모션과 인터랙션

150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

스크롤 시 요소들의 부드러운 fade-in · 버튼과 카드의 미세한 hover 상태

인터랙티브 요소에서 미세한 색상 변화 또는 스케일 변경. · 클릭 시 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이것은 블록체인 인프라를 위한 하이엔드 개발자 도구 플랫폼입니다. 진지한 핀테크 애플리케이션을 위한 신뢰할 수 있는 백엔드로 자리매김합니다. 주요 색상은 깔끔한 흰색 배경(#FFFFFF), 깊은 잉크(#020617), 그리고 생동감 있는 메인 블루(#363FF9)입니다. 타이포그래피는 디스플레이를 위한 기하학적 sans-serif(ppNeue)와 본문을 위한 휴머니스트 sans-serif(Public Sans)를 사용합니다. 핵심 주의사항: 장식용 폰트 사용 금지, 넉넉한 여백 유지, 제한되고 전문적인 팔레트 유지. 레이아웃은 12열의 표준 중앙 정렬 컨테이너입니다.

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

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

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

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