큐레이션 · 오픈 · 무료

Alchemy

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

01

디자인 DNA

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

02

컬러

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

03

타이포그래피

geometric-sans · humanist-sans · monospace

• display56px · 500
• h140px · 500
• body16px · 400
• caption12px · 400

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

04

여백

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

05

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

1px solid #E2E8F0

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

06

레이아웃

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

07

모션과 인터랙션

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

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

08

컴포넌트

• button 주요 액션을 위한 단색 블루 배경의 둥근 알약 모양 버튼에 흰색 텍스트.
• card 미세한 테두리 또는 부드러운 그림자가 있는 깔끔한 흰색 카드.
• chip 'Devtools'와 같은 카테고리를 위한 작은 둥근 레이블.
• input 미세한 테두리가 있는 표준 텍스트 입력 필드.
• hero 오른쪽에는 서포팅 일러스트레이션이 배치된, 왼쪽 정렬의 큰 텍스트.

09

보이스와 금지 목록

• 톤 전문적이고 권위적이며 개발자 중심적.
• 헤드라인 대담하고 간결하며 혜택 중심적.
• CTA 직설적이고 행동 지향적 (예: 'API 키 받기').

• 장식용 서체 사용 금지 — 스크린샷은 깔끔한 기하학적 sans-serif를 보여줍니다.
• 어지러운 레이아웃 사용 금지 — 스크린샷은 넉넉한 여백을 보여줍니다.
• 복잡한 그라디언트 사용 금지 — 스크린샷은 단색과 미세한 배경 색조를 사용합니다.
• 작고 읽기 어려운 텍스트 사용 금지 — 스크린샷은 높은 가독성을 유지합니다.
• 주요 액션을 숨기기 금지 — 스크린샷은 CTA를 명확하게 강조합니다.
• 지나치게 다양한 색상 사용 금지 — 스크린샷은 제한된 팔레트를 고수합니다.
• 피하기: 지나치게 캐주얼하거나 비속어 사용
• 피하기: 설명 없는 전문 용어 사용
• 피하기: 수동태 사용

10

팩 안의 실제 스크린샷

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

11

System Prompt

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