큐레이션 · 오픈 · 무료

Capacities

생각하고, 배우고, 만드는 모든 것의 집.

01

디자인 DNA

아이디어를 유형의 객체로 대우하는 미니멀리스트 디자인 스튜디오입니다.

02

컬러

블랙에 가까운 색상으로 기반을 잡은 따뜻하고 지구적인 중성색에 단 하나의 따뜻한 골드 악센트.

03

타이포그래피

geometric-sans · humanist-sans · monospace

• display64px · 700
• h240px · 700
• h324px · 600
• body16px · 400
• small14px · 400

디스플레이 헤드라인은 타이트한 음수 트래킹을 사용합니다 · 본문 텍스트는 가독성을 위해 편안한 1.6 줄 높이를 유지합니다 · 모노 폰트는 코드 블록 및 기술 스니펫에만 엄격히 사용합니다

04

여백

일관된 4px 그리드에 여유로운 섹션 패딩(128px)을 사용하여 숨 쉴 공간을 만듭니다.

05

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

0 1px 2px rgba(0,0,0,0.04) · 0 4px 12px rgba(0,0,0,0.08) · 0 20px 40px -4px rgba(0,0,0,0.12)

06

레이아웃

중앙 정렬된 싱글 칼럼 히어로에서 다중 칼럼 기능 그리드로 전환됩니다.

07

모션과 인터랙션

인터랙티브 요소의 미세한 호버 전환 · 모달 또는 오버레이 등장 시 불투명도 페이드

미세한 배경색 변경 또는 불투명도 변화. · 색상 어둡게 하거나 약간 축소를 통해 즉각적인 시각적 피드백 제공.

08

컴포넌트

• button 흰색 텍스트의 고대비 블랙 기본 버튼; 검정 텍스트와 아이콘이 있는 투명한 보조 버튼.
• card 부유하는 UI 미리보기를 위한 매우 부드러운 드롭 섀도우가 적용된 약간 둥근 흰색 직사각형.
• chip 연한 파스텔 배경(피치, 블루, 그린, 퍼플)과 무드 있는 텍스트가 적용된 둥근 알약 모양 태그.
• input 둥근 모서리와 미세한 테두리가 있는 깔끔한 단일 라인 입력 필드.
• hero 부유하는 일러스트레이티브 UI 카드와 따뜻한 방사형 그래디언트 오버레이가 있는 대형 중앙 정렬 타이포그래피.

09

보이스와 금지 목록

• 톤 차분하고 지적하며 자신감 있는 어조.
• 헤드라인 스캔하기 쉬운 직접적이고 혜택 중심적인 진술.
• CTA '무료로 시작하기' 또는 '제품 알아보기'와 같은 간단한 동사를 사용한 행동 지향적이고 명확한 문구.

• 순수한 쌀쌀한 화이트를 사용하지 마세요 — 스크린샷은 따뜻한 오프화이트 배경(#FBFBFA)을 보여줍니다.
• 날카로운 모서리를 사용하지 마세요 — 스크린샷의 카드와 버튼은 뚜렷한 둥근 처리(8px-12px)를 보여줍니다.
• 화려한 네온 악센트를 사용하지 마세요 — 스크린샷은 주요 악센트로 따뜻하고 무드 있는 골드(#F59E0B)를 사용합니다.
• 밀도 높고 비좁은 레이아웃을 사용하지 마세요 — 스크린샷은 여유로운 여백과 패딩(128px)을 보여줍니다.
• 장식용 세리프를 헤드라인에 사용하지 마세요 — 스크린샷은 깔끔하고 기하학적인 고딕체 디스플레이 폰트를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 깊이감을 위해 매우 부드럽고 확산된 섀도우를 사용합니다.
• 피하기: 지나치게 기술적인 전문 용어
• 피하기: 공격적인 판매 언어
• 피하기: 과도한 구두점
• 피하기: 모호하거나 유행어가 많이 사용된 설명

10

팩 안의 실제 스크린샷

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

11

System Prompt

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