큐레이션 · 오픈 · 무료

Cartesia

카르테시아는 인간과 유사한 음성 에이전트를 위한 기반 모델과 개발자 도구를 구축하는 AI 스타트업입니다.

01

디자인 DNA

세련된 현대 엔터프라이즈 제품 레이어를 갖춘 전문 연구소.

02

컬러

밝고 자연스러운 배경 위에 고대비 잉크를 사용하고, 성장과 자연을 상징하는 단일 딥 그린 악센트를 적용합니다.

03

타이포그래피

transitional-serif · humanist-sans · modern-monospace

• display56px · 400
• headline36px · 400
• body16px · 400
• caption14px · 500

표시 및 히어로 텍스트에는 권위와 연구 깊이를 전달하기 위해 세리프를 사용합니다. · UI 및 본문 텍스트에는 최대 가독성을 위해 산세리프를 사용합니다. · 기술 레이블과 데이터 포인트에는 모노스페이스를 사용합니다.

04

여백

엄격한 4px 기본 그리드와 주요 콘텐츠 블록 사이의 넉넉한 여백.

05

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

1px solid #DFEDDF

0 1px 2px rgba(0,0,0,0.05)

06

레이아웃

12컬럼 그리드에 대형 히어로 섹션과 2컬럼 분할 레이아웃이 교대로 배치됩니다.

07

모션과 인터랙션

hover 시 미묘한 불투명도 페이드 · 버튼의 부드러운 색상 트랜지션 · 일러스트레이션을 위한 패럴랙스 또는 스크롤 트리거 공개

배경색이 약간 어두워지거나 텍스트 색상이 그린으로 변합니다. · 버튼의 스케일 다운 마이크로 인터랙션.

08

컴포넌트

• button 딥 그린 배경의 알약 모양 기본 버튼과, 가느다란 그린 테두리가 있는 보조 버튼.
• card 미묘한 그린 틴트 배경이나 가느다란 테두리가 있는 미니멀리스트 콘텐츠 카드.
• chip '금융'이나 '의료'와 같은 산업 분야를 위한 작고 둥근 카테고리 태그.
• input 미묘한 하단 테두리나 가느다란 윤곽선이 있는 깔끔한 텍스트 입력.
• hero 설명 단락과 이중 CTA가 결합된 대형 세리프 주도 텍스트 블록.

09

보이스와 금지 목록

• 톤 학술적이면서도 접근 가능하며, 자신감 있고 미래 지향적.
• 헤드라인 복잡한 개념을 간단히 설명하는 길고 서술적인 문장.
• CTA 직접적이며 초대하는 어조로, 주로 '시도하기'나 '문의하기'를 강조.

• 다크 모드 테마를 사용하지 마세요 — 스크린샷은 일관되게 밝고 환한 배경을 보여줍니다.
• 공격적인 그라데이션을 사용하지 마세요 — 스크린샷은 단색과 미묘한 틴트를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 매우 플랫하고 미니멀한 엘리베이션을 보여줍니다.
• 네온이나 고채도 악센트 색상을 사용하지 마세요 — 스크린샷은 단일 딥 그린의 자연스러운 색상을 사용합니다.
• 장식적이거나 스크립트 폰트를 사용하지 마세요 — 스크린샷은 깔끔하고 가독성 높은 서체를 사용합니다.
• 항목이 너무 많은 지저분한 내비게이션을 사용하지 마세요 — 스크린샷은 간소화되고 넓은 상단 바를 보여줍니다.
• 피하기: 과장되거나 지나치게 캐주얼한 언어.
• 피하기: 경쟁 시각 요소가 너무 많은 지저분한 레이아웃.
• 피하기: 공격적인 판매 전략이나 깜빡이는 요소.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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