큐레이션 · 오픈 · 무료

Texts

모든 대화를 하나의 깔끔하고 프라이버시가 보장된 인터페이스로 정리하는 AI 강화 메시징 허브입니다.

01

디자인 DNA

모든 대화를 위한 AI 기반의 간소화된 지휘 센터

02

컬러

지배적인 전문적인 블루 악센트를 가진, 고대비 및 접근성 중심의 팔레트입니다.

03

타이포그래피

humanist-sans · monospace

• display56px · 700
• h148px · 700
• body16px · 400

04

여백

여백이 많은 섹션을 위한 넉넉한 padding을 갖춘 표준 4px 그리드입니다.

05

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

1px solid rgb(226, 232, 240)

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.2) 0px 4px 16px 0px

06

레이아웃

넉넉한 수직 padding을 갖춘 콘텐츠 섹션용 중앙 정렬 단일 컬럼 레이아웃입니다.

07

모션과 인터랙션

padding 및 높이 변경을 위한 매끄러운 레이아웃 전환 · 상태 변경을 위한 미묘한 opacity 페이드

인터랙티브 요소에 대한 표준 포인터 커서입니다. · 인터랙티브 영역 전체에서 유지되는 포인터 커서입니다.

08

컴포넌트

• button pill-shaped 반경(9999px), 볼드체, 그리고 방향 화살표를 가진 고대비 CTA입니다.
• card 미묘한 둥근 모서리(12px)와 부드러운 그림자가 있는 깨끗한 흰색 컨테이너입니다.
• chip 가벼운 테두리를 가진 미니멀한 태그/칩 컴포넌트입니다.
• input 표준 padding이 적용된 깔끔하고 테두리가 있는 입력 필드입니다.
• hero 강력한 단일 CTA가 있는 깨끗한 배경 위에 중앙 정렬된 굵은 타이포그래피입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 투명하며 미래 지향적
• 헤드라인 혁신과 정리력을 강조하는 굵고 선언적인 문장
• CTA 방향 신호(화살표)를 사용한 직접적이고 행동 지향적

• 세리프 서체를 사용하지 마세요 — 스크린샷은 모든 타이포그래피가 깔끔한 산세리프 계열임을 보여줍니다.
• 네온 또는 고채도 보조 색상을 사용하지 마세요 — 스크린샷은 블루, 화이트, 다크그레이로 절제된 팔레트를 보여줍니다.
• 레이아웃을 복잡하게 만들지 마세요 — 스크린샷은 넉넉한 여백과 집중된 콘텐츠 영역을 보여줍니다.
• 주요 요소에 날카롭고 정사각형의 모서리를 사용하지 마세요 — 스크린샷은 카드에 12px 반경, 버튼에 9999px 반경을 보여줍니다.
• 무겁고 공격적인 그림자를 사용하지 마세요 — 스크린샷은 매우 미묘하고 저opacity의 고도 그림자를 보여줍니다.
• 복잡한 장식용 일러스트레이션을 사용하지 마세요 — 스크린샷은 깔끔한 텍스트, 단순한 아이콘, UI 스크린샷에 의존합니다.
• 피하기: 기술 용어
• 피하기: 지나치게 격식 있는 언어
• 피하기: 수동태

10

팩 안의 실제 스크린샷

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

11

System Prompt

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