큐레이션 · 오픈 · 무료

Pleo

중앙집중형 비즈니스 지출 및 비용 관리 플랫폼

01

디자인 DNA

현대적인 금융 운영 체제

02

컬러

명확성과 신뢰를 위한 고대비 단색 팔레트

03

타이포그래피

neo-grotesque-sans · monospace

• display64px · 400
• h245px · 400
• body23px · 400
• caption16px · 400

04

여백

80px 섹션 패딩을 갖춘 넉넉한 수직 리듬

05

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

인터랙티브 요소에 1px solid rgba(0, 0, 0, 0.1) 테두리

06

레이아웃

중앙 정렬 단일 열 히어로 후 교차 배치된 콘텐츠 블록

07

모션과 인터랙션

hover 시 부드러운 색상 및 배경 전환

미묘한 색상 전환 또는 배경 변화 · 최소한의 지연으로 즉각적인 반응

08

컴포넌트

• button 고대비(검정 배경/흰색 텍스트 또는 흰색 배경/검정 텍스트)를 적용한 캡슐형 버튼
• card 둥근 모서리의 은은한 배경 블록
• hero 간결한 보조 텍스트와 이중 CTA 버튼을 갖춘 거대한 볼드 헤드라인

09

보이스와 금지 목록

• 톤 직설적이고, 강력하며, 전문적인 어조
• 헤드라인 지시적이고 혜택 중심적인 스타일
• CTA 명확하고 실행 가능한 스타일

• 장식적 그라데이션 사용 금지 — 스크린샷에서 플랫한 단색 배경 확인 가능
• 카드에 드롭 섀도우 사용 금지 — 스크린샷에서 미묘한 테두리가 있는 플랫한 표면 확인 가능
• 무거운 폰트 웨이트 사용 금지 — 스크린샷에서 일관된 400 웨이트 타이포그래피 확인 가능
• 화려한 액센트 컬러 사용 금지 — 스크린샷에서 철저한 단색 팔레트 확인 가능
• 히어로에 복잡한 다중 열 레이아웃 사용 금지 — 스크린샷에서 중앙 정렬 단일 열 히어로 확인 가능
• 작은 border-radius를 가진 둥근 사각형 사용 금지 — 스크린샷에서 완전한 캡슐형 버튼 확인 가능
• 피하기: 전문 용어
• 피하기: 복잡한 금융 용어
• 피하기: 공격적인 영업 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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