큐레이션 · 오픈 · 무료

Modern Treasury

개발자를 위한 결제 오케스트레이션 API.

01

디자인 DNA

자금 흐름을 위한 깔끔한 건축 설계도입니다.

02

컬러

신뢰감 있는 그린 악센트가 하나 들어간 고대비 중성색입니다.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

• display48px · 500
• h232px · 400
• body16px · 400
• caption14px · 400

04

여백

4px 그리드

05

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

1px solid rgba(21, 21, 21, 0.8)

inset 0 0 0 1px rgb(21, 21, 21) · 0 20px 25px -5px lab(0 0 0 / 0.04) · 0 4px 6px -1px rgba(0, 0, 0, 0.1)

06

레이아웃

텍스트 블록의 최대 너비가 680px인 중앙 정렬 콘텐츠입니다.

07

모션과 인터랙션

색상 전환 · 배경색 전환 · 테두리색 전환 · 채우기 전환

부드러운 색상 전환 · 즉각적인 피드백

08

컴포넌트

• button 작은 반경의 직사각형 모양으로, 어두운 배경에 밝은 텍스트를 사용하거나 테두리 윤곽선을 사용합니다.
• card 미묘한 padding과 둥근 모서리가 있는 단색 블록입니다.
• chip 모노스페이스 텍스트와 밝은 배경을 사용하는 작은 직사각형 레이블입니다.
• input 미묘한 테두리가 있는 깔끔한 직사각형 필드입니다.
• hero 명확한 행동 유도문구가 있는 중앙 정렬된 대규모 타이포그래피입니다.

09

보이스와 금지 목록

• 톤 전문적이고, 개발자 중심적이며, 효율적입니다.
• 헤드라인 짧고 행동 지향적인 문장입니다.
• CTA 직관적이고 매력적입니다.

• 부드럽고 둥근 '친근한' 모양을 사용하지 마세요 — 스크린샷은 날카롭고 직사각형의 UI 컴포넌트를 보여줍니다.
• 밝은 빨간색이나 파란색과 같은 주요 색상을 사용하지 마세요 — 스크린샷은 검정, 흰색, 그리고 그린으로 구성된 절제된 팔레트를 보여줍니다.
• 장식용 세리프 서체를 사용하지 마세요 — 스크린샷은 깔끔하고 현대적인 sans-serif 타이포그래피를 보여줍니다.
• 분주하고 다채로운 그라디언트를 사용하지 마세요 — 스크린샷은 단색 블록과 간단한 그리드 배경을 보여줍니다.
• 장난스럽거나 만화 같은 일러스트레이션을 사용하지 마세요 — 스크린샷은 기술 다이어그램과 깔끔한 데이터 시각화를 보여줍니다.
• 과도한 드롭 그림자를 사용하지 마세요 — 스크린샷은 최소한의 깊이감을 가진 평면적인 표면을 보여줍니다.
• 피하기: 마케팅 용어
• 피하기: 모호한 약속

10

팩 안의 실제 스크린샷

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

11

System Prompt

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