큐레이션 · 오픈 · 무료

Cash

현대적 소비자 금융 앱의 대담하고 높은 대비의 얼굴.

01

디자인 DNA

어두운 럭셔리와 생생하고 접근 가능한 그린 에너지가 결합된 세련되고 자신감 있는 핀테크 플랫폼.

02

컬러

깊은 블랙과 생생한 네온 그린 사이의 극단적인 높은 대비, 그리고 카드 표면을 위한 깨끗한 화이트.

03

타이포그래피

humanist-sans · monospace

• display56px · 400

04

여백

일관된 4px 기반과 섹션 구분을 위한 넉넉한 수직 패딩(90px).

05

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

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

rgba(0,0,0,0.1) 0px 8px 20px 0px · rgba(0,0,0,0.1) 0px 24px 48px 0px

06

레이아웃

중심 정렬 콘텐츠를 가진 대칭 분할 화면 히어로에서 스택형 모바일 레이아웃으로 전환됩니다.

07

모션과 인터랙션

매끄러운 색상 전환 · 미묘한 transform 변화

인터랙티브 요소의 미묘한 밝기 또는 스케일 변화. · 색상 반전이나 약간의 압축을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 둥근 필 모양으로, 주로 네온 그린에 검정 텍스트 또는 검정에 화이트 텍스트.
• card 앱 UI를 보여주기 위해 어두운 배경 위에 떠 있는 크고 둥근 화이트 카드.
• chip 간단한 직사각형 태그 또는 상태 표시기.
• input 명확성에 초점을 맞춘 최소화된, 테두리가 없거나 미묘하게 테두리가 있는 입력 필드.
• hero 대담하고 왼쪽 정렬된 텍스트와 역동적이고 중심 정렬된 앱 목업을 결합한 분할 화면 레이아웃.

09

보이스와 금지 목록

• 톤 자신감 있고, 현대적이며, 직접적입니다.
• 헤드라인 편의성과 혁신을 강조하는 강렬하고 짧은 구문.
• CTA 방향 화살표를 사용하는 행동 지향적이고 높은 대비의 색상을 사용합니다.

• 무채색, 파스텔 색상 팔레트를 사용하지 마세요 — 스크린샷은 높은 대비의 블랙과 생생한 네온 그린을 보여줍니다.
• 복잡한 세리프 서체를 사용하지 마세요 — 스크린샷은 깔끔하고 현대적인 humanist-sans 폰트를 보여줍니다.
• 레이아웃을密集한 텍스트로 어지럽히지 마세요 — 스크린샷은 넉넉한 여백과 명확한 계층 구조를 보여줍니다.
• 미묘하고 낮은 대비의 테두리를 사용하지 마세요 — 스크린샷은 대담하고 명확한 표면과 둥근 모서리를 보여줍니다.
• 전통적이고 상자 모양의 버튼 모양을 사용하지 마세요 — 스크린샷은 매우 둥근, 필 모양의 CTA를 보여줍니다.
• 순수한 블랙 대신 다크 그레이를 사용하지 마세요 — 스크린샷은 단색, 깊은 #000000 배경을 사용합니다.
• 피하기: 복잡한 전문 용어
• 피하기: 어수선한 레이아웃
• 피하기: 지루하거나 무채색의 팔레트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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