큐레이션 · 오픈 · 무료

Linusrogge

엄격한 자금세탁 방지 워크플로우와 데이터 집약적 작업 관리를 위해 설계된 깔끔하고 실용적인 핀테크 대시보드.

FintechProductivityApp UICleanTooling
Linusrogge 스크린샷
OpenDesign 에서 열기

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

01

디자인 DNA

핀테크컴플라이언스엔터프라이즈워크플로우명확성

금융 전문가를 위한 규제 컴플라이언스 명령 센터

02

컬러

#0052FFAccent
#1A1A1AInk
#595959Ink soft
#FFFFFFBG
#F5F5F5BG soft
#FAFAFABG quiet
#999999Muted
rgba(0, 0, 0, 0.08)Line

주요 액션을 나타내는 단일 전략적 블루 강조를 사용한 고대비 유틸리티 색상.

03

타이포그래피

geometric-sans · humanist-sans · monospace

밀도 높은 데이터 테이블의 경우 좁은 행간을 사용하여 공간 효율성을 극대화합니다. · 모든 텍스트 요소에서 스타일적 화려함보다 가독성을 우선시합니다. · 일관된 굵기 계층을 유지하여 주요 정보와 보조 정보를 구분합니다.

04

여백

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

복잡한 데이터 구조와 밀도 높은 레이아웃 컴포넌트를 정렬하기 위한 엄격한 4px 그리드.

05

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

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

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

card: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) · modal: 0 4px 16px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06)

06

레이아웃

1280container
12columns
16pxgutter
768 / 1024 / 1440breakpoints

유연한 메인 콘텐츠 영역을 카드로 구분한 고정 사이드바 내비게이션.

07

모션과 인터랙션

120msmicro
200mssmall
350msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

모달 및 드롭다운 메뉴의 미묘한 페이드 인. · 체크박스와 토글의 즉각적인 상태 변화.

상호작용을 나타내기 위한 행 및 목록 항목의 미묘한 배경색 변화. · 버튼과 인터랙티브 요소의 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

11

System Prompt

Regpit는 자금세탁 방지 프로세스 관리를 위한 B2B 핀테크 플랫폼입니다. 설계 언어는 실용적이고 깔끔하며 데이터 밀도가 높으며, 시각적 화려함보다 워크플로우 효율성을 우선시합니다. 핵심 색상은 #FFFFFF(배경), #1A1A1A(잉크), #0052FF(주요 액션용 강조)입니다. 타이포그래피 카테고리는 밀도 높은 인터페이스에서 최대 가독성을 보장하기 위해 디스플레이용 기하학적 산세리프와 본문용 휴머니스트 산세리프를 사용합니다. 핵심 설계 제약 조건: 1) 화려하거나 장난스러운 색상 팔레트를 사용하지 않습니다 — UI는 단일 블루 강조가 있는 엄격한 단색입니다. 2) 장식용 세리프 타이포그래피를 사용하지 않습니다 — 시스템은 명확성을 위해 깔끔한 산세리프 폰트에 의존합니다. 3) 넓고 여유로운 간격을 사용하지 않습니다 — 레이아웃은 복잡한 컴플라이언스 데이터를 효율적으로 표시하기 위해 정보 밀도를 우선시합니다.

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

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

OpenDesign 스킬 ↗

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