큐레이션 · 오픈 · 무료

Arbitrum

프리미엄, 대담함, 그리고 고대비를 특징으로 하는 핀테크 플랫폼 아이덴티티.

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

원본 사이트: https://arbitrum.io

📦 팩 내용 보기 →

01

디자인 DNA

블록체인인프라금융프로그래머블 경제

미래지향적이고 기하학적인 요소가 돋보이는, 대담한 고대비 핀테크 대시보드.

02

컬러

#10E1FFAccent
#05163DInk
rgba(0, 0, 0, 0.5)Ink soft
#FFFFFFBG
#F2F2F2BG soft
rgba(0, 0, 0, 0.1)Line

대담한 타이포그래피가 지배하며, 깊은 네이비와 순백 배경 위에 주요 블루-시안 액센트가 사용됩니다.

03

타이포그래피

grotesque-sans · geometric-sans · monospace

모든 텍스트는 기본적으로 대문자 · 본문 텍스트는 기하학적 sans-serif 사용 · 히어로 텍스트는 굵은 grotesque sans-serif 사용

04

여백

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

풍부한 padding(40px)과 gap(16px)이 넓은 느낌을 만듭니다.

05

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

sm · 5px
md · 5px
lg · 20px
pill · 40px

1px solid rgba(0, 0, 0, 0.1)

0px 1px 2px 0px rgba(0, 0, 0, 0.05)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

풍부한 여백과 강한 좌측 정렬 히어로를 가진 깔끔한 그리드 기반 레이아웃.

07

모션과 인터랙션

220msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

모든 인터랙티브 요소의 부드러운 전환 · 배경색 및 채색 전환

미세한 배경색 또는 opacity 변화 · 약간의 opacity 감소를 통한 즉각적인 피드백

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

Arbitrum의 디자인은 굵고 대문자인 타이포그래피와 날카로운 네이비-화이트 팔레트로 정의된 프리미엄, 고대비 핀테크 아이덴티티입니다. 주요 액센트는 깊은 네이비(#05163D) 배경에서 강조를 위해 사용되는 선명한 시안(#10E1FF)입니다. 타이포그래피는 독점적으로 sans-serif이며, 히어로 섹션에는 grotesque-sans 디스플레이 폰트, 본문에는 geometric-sans가 사용되며, 모두 중간(500) 또는 세미볼드(600) 두께로 기본값은 대문자입니다. 레이아웃은 넓고 그리드 기반이며, 풍부한 padding과 명확한 계층 구조를 가지고 있습니다. 주요 지침: 네비게이션에 소문자를 사용하지 말고, 가벼운 글꼴 두께를 사용하지 말고, 파스텔 팔레트를 사용하지 말고, 세리프 글꼴을 사용하지 말고, 지저분한 레이아웃을 사용하지 말며, 충분한 대비 없이 얇은 테두리나 아웃라인을 사용하지 말 것.

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

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

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

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