큐레이션 · 오픈 · 무료

Increase

기술 기업을 위한 엔터프라이즈급 뱅킹 API.

fintechapi
Increase 스크린샷
↓ 디자인 시스템 다운로드 (13 MB)OpenDesign 에서 열기

원본 사이트: https://increase.com

📦 팩 내용 보기 →

01

디자인 DNA

엔터프라이즈뱅킹API인프라개발자

금융 인프라를 위한 정밀하게 설계된 대시보드.

02

컬러

#31F2CCAccent
#1A2B3BInk
#687887Ink soft
#FFFFFFBG
#F5F6F7BG soft
#E4E5E9BG quiet
#314352Muted
rgba(26, 43, 59, 0.1)Line

신뢰를 위해 깊은 네이비를 기반으로 한 깔끔하고 프로페셔널한 팔레트입니다. 현대적인 기술 매력을 위해 활기찬 틸과 라임 그라디언트로 균형을 맞춥니다.

03

타이포그래피

grotesque-sans · monospace

04

여백

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

명확한 시각적 계층 구조를 이끄는 일관된 4px 그리드 시스템.

05

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

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

1px solid rgba(26, 43, 59, 0.1)

rgba(12, 25, 39, 0.05) 0px 6px 8px 0px · rgba(12, 25, 39, 0.06) 0px 16px 20px 0px · rgba(12, 25, 39, 0.1) 0px 50px 60px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

12컬럼 그리드를 가진 최대 너비 컨테이너. 주요 콘텐츠를 중앙 정렬합니다.

07

모션과 인터랙션

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

인터랙티브 요소의 hover 상태에 대한 부드러운 전환 · 인터랙션 시 미묘한 색상과 섀도우 변화

미묘한 색상 전환 또는 약간의 섀도우 상승. · 색상이나 스케일 변화를 통해 즉각적인 시각적 반응.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 엔터프라이즈 개발자를 위해 설계된 프로페셔널한 핀테크 SaaS 제품입니다. 팔레트는 신뢰를 위해 깊은 네이비(#1A2B3B)를 기반으로 하고, 현대적인 에너지를 위해 활기찬 틸(#31F2CC)과 라임 그라디언트로 대조됩니다. 타이포그래피는 디스플레이와 본문에 grotesque-sans를, 코드 스니펫에 monospace를 사용합니다. 레이아웃은 그리드 기반이며, 여유롭고 매우 읽기 쉽습니다. 핵심 제약 조건: 세리프 폰트를 사용하지 마세요, 혼잡한 UI를 피하고, 결코 지나치게 장난스럽거나 유기적인 시각 요소를 사용하지 마세요. 주요 버튼과 텍스트에 깊은 네이비를 사용하여 권위를 유지하세요.

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

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

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

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