큐레이션 · 오픈 · 무료

Column

새로운 금융 제품을 구축하고 자금을 조달하기 위한 전국 인가 은행.

fintechbank
Column 스크린샷
↓ 디자인 시스템 다운로드 (23 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

핀테크뱅킹인프라API규모

Stripe for banking

02

컬러

#121620Ink
#7C7F88Ink soft
#F6F6F8BG
#FFFFFFBG soft
#7EADFFMuted
rgba(227, 228, 232, 1)Line

깔끔하고 고대비의 중립색에 블루 악센트를 하나 사용합니다.

03

타이포그래피

geometric-sans · monospace

04

여백

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

8px 기본 단위

05

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

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

1px solid #E3E4E8

rgba(1, 24, 33, 0.05) 0px 0px 0px 1px · rgba(17, 26, 74, 0.1) 0px 1px 3px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

12열 그리드

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.76, 0, 0.24, 1)easing

미묘한 불투명도 페이드.

미묘한 색상 전환. · 즉각적인 반응.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

디자인은 프리미엄, 개발자 중심의 핀테크 플랫폼입니다. 주요 색상은 밝은 회색(#F6F6F8) 배경, 깊은 네이비(#121616) 텍스트, 밝은 블루(#7EADFF) 악센트입니다. 타이포그래피는 헤드라인과 본문에 기하학적인 고딕 서체를, 코드 스니펫에 모노스페이스 글꼴을 사용합니다. 중요한 금지 사항은: 무거운 드롭 섀도우 사용 금지, 장난스러운 타이포그래피 사용 금지, 복잡한 장식 요소 사용 금지, 낮은 대비 사용 금지, 밝거나 네온 색상 사용 금지, 지나치게 둥근 형태 사용 금지입니다.

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

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

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

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