contemporary art gallery와 같은 느낌의 디지털 프라이빗 뱅크—세련되고, 넉넉하며, 확실히 프리미엄한.
02
컬러
#186f64Accent
#000000Ink
#191b1fInk soft
#ffffffBG
#f6f9f9BG soft
#e6ebecBG quiet
#e7e8e8Muted
rgba(0,0,0,0.1)Line
차분하고 현대적인 부의 느낌을 전달하기 위해 세련된 틸 악센트로 기반을 잡은 절제되고 중립적인 팔레트입니다.
03
타이포그래피
transitional-serif · geometric-sans
display46px · 500
h146px · 500
h228px · 400
body16px · 400
주요 디스플레이 텍스트에는 권위를 부여하기 위해 transitional-serif를 사용합니다. · 모든 UI 텍스트에는 명료함과 현대성을 위해 geometric-sans를 사용합니다. · 차분한 시각적 리듬을 유지하기 위해 regular, medium, semibold로 가중치 변화를 제한합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
넓고 고급스러운 느낌을 만들기 위해 높은 line-height(최대 2.0)를 가진 넉넉한 수직 리듬입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 2px
md · 4px
lg · 8px
pill · 999px
테두리를 최소화하여 미묘한 배경색 변화에 의존해 표면을 분리합니다.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
풀블리드 몰입형 히어로에서 기능 카드를 위한 다중 열 레이아웃으로 전환되는 구조화된 그리드입니다.
07
모션과 인터랙션
70msmicro
400mssmall
750msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
순차적 콘텐츠 표현을 위한 미묘한 페이드 및 슬라이드업 애니메이션 · hover 상태에서의 부드러운 색상 및 불투명도 전환
텍스트 링크와 버튼의 불투명도 또는 색상에 대한 미묘한 변화. · 사용자 입력을 인지하기 위한 미묘한 전환으로 즉시 응답합니다.
08
컴포넌트
button날카로운 모서리(2px radius)를 가진 깔끔한 직사각형 버튼으로, 높은 대비(단색 검정) 및 브랜드 컬러(틸) 변형을 모두 활용합니다.
card엄격한 컨테이너 테두리 없이도 뚜렷한 기능 영역을 정의하는 크고 색조가 입힌 배경 블록(연한 파랑, 민트 그린)입니다.
hero시네마틱하고 어두운 추상적 배경 이미지와 크고 우아한 타이포그래피를 특징으로 하는 드라마틱한 풀뷰포트 소개입니다.
09
보이스와 금지 목록
톤자신감 있고, 세련되며, 매우 명료한.
헤드라인간결한 구문을 사용하는 직접적이고, 선율적이며, 약간 이상적인.
CTA명확하고, 행동 지향적이며, 절제된.
둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 2px radius 버튼을 보여줍니다
밝고 형광색 악센트를 사용하지 마세요 — 스크린샷은 대신 절제된 틸 #186f64를 보여줍니다
빽빽하고 비좁은 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 padding과 높은 line-height를 보여줍니다
장난스럽거나 장식적인 일러스트를 사용하지 마세요 — 스크린샷은 추상적이고 사진적인 이미지를 사용합니다
큰 제목에 대문자를 사용하지 마세요 — 스크린샷은 제목_CASE 또는 문장_CASE를 사용합니다
다크 모드를 기본값으로 사용하지 마세요 — 스크린샷은 주로 흰색과 밝은 회색 인터페이스를 보여줍니다
이 시스템은 고액자산가 자산관리를 위한 프리미엄 핀테크 플랫폼을 나타냅니다. 정체성은 세련되고 차분하며, 절제된 팔레트를 활용합니다: 선명한 흰색 배경(#ffffff, #f6f9f9)과 깊은 잉크(#000000, #191b1f), 단 하나의 절제된 틸 악센트(#186f64)가 결합됩니다. 타이포그래피는 디스플레이 헤딩을 위한 transitional-serif와 UI 요소를 위한 geometric-sans의 정교한 혼합입니다. 핵심 제약 사항: 절대 무거운 드롭 섀도우나 밝은 형광색 악센트를 사용하지 말 것, 항상 넉넉한 여백과 높은 line-height(최대 2.0)를 유지할 것, 버튼 코너 레이디어스 2px를 엄격히 준수할 것. 레이아웃은 시네마틱 히어로 섹션과 크고 널찍한 기능 블록을 우선시하여 자신감 있고 고급스러운 디지털 경험을 만듭니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
