큐레이션 · 오픈 · 무료

IDEO

대담하면서도 절제된 자신감으로 사람 중심의 미래를 보여주는 프리미엄 디자인 컨설팅.

01

디자인 DNA

실험적이면서도 엄격하게 구조화된 하이엔드 크리에이티브 에이전시 포트폴리오.

02

컬러

최대한의 임팩트를 위해 단 하나의 선명한 차트루즈 악센트를 사용하는 고대비 다크 모드.

03

타이포그래피

didone-serif · humanist-sans

• display56px · 400
• heading40px · 400
• body18px · 400

프리미엄 느낌을 줄기 위해 주요 디스플레이 텍스트에 날카롭고 우아한 디도네 세리프를 사용합니다. · 모든 보조 UI 텍스트와 본문에는 깔끔한 휴머니스트 산세리프를 매칭합니다. · 밀도 있고 의도적인 느낌을 위해 큰 디스플레이 텍스트의 네거티브 트래킹을 좁게 유지합니다.

04

여백

여유로운 24px 및 32px 패딩으로 호흡 공간을 확보하는 8px 기본 그리드.

05

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

구조적 구분을 위해 최소한의 1px 실선 테두리 사용.

0px 1px 0px 0px rgb(21, 31, 39)으로 미묘한 테두리 효과

06

레이아웃

넓고 풀블리드 사진 히어로와 함께 1280px 중앙 컨테이너로 제한된 콘텐츠.

07

모션과 인터랙션

버튼과 호버와 같은 인터랙티브 요소에 부드러운 0.3초 전환 효과. · 스크롤이나 인터랙션 시 미묘한 위치 이동을 위한 트랜스폼 기반 애니메이션.

인터랙티브 요소에 미묘한 배경색 또는 텍스트 색상 변화. · 0.1초 배경색 전환으로 즉각적인 시각적 피드백.

08

컴포넌트

• button 검정 텍스트가 들어간 고대비 차트루즈 CTA 버튼; 보조 버튼은 미묘한 테두리가 있는 어두운색.
• card 큰 사진과 겹쳐진 타이포그래피를 특징으로 하는 깔끔한 보더리스 카드.
• chip 무거운 컨테이너 없이 텍스트 기반의 최소화된 네비게이션 칩.
• input 테마와 일치하는 어두운 배경과 미묘한 테두리가 있는 표준 폼 입력.
• hero 대담한 타이포그래피 오버레이와 기하학적 와이어프레임 그래픽이 포함된 풀블리드 사진 히어로.

09

보이스와 금지 목록

• 톤 권위 있고, 비전을 제시하며, 깊이 있는 사람 중심의 어조.
• 헤드라인 기존 사고에 도전하는 대담하고 호소력 짙으며 간결한 진술.
• CTA 직관적이면서도 초대적인 어조(예: '인사하기'), 연결 강조.

• 여러 경쟁 악센트 색상을 사용하지 마세요 — 스크린샷은 어두운 배경에 단일의 지배적인 차트루즈 악센트를 보여줍니다.
• 지나치게 둥글거나 통통한 형태를 사용하지 마세요 — 스크린샷은 날카로운 기하학적 라인과 정밀한 와이어프레임 오버레이를 보여줍니다.
• 밀도 높은 텍스트 블록으로 레이아웃을 어지럽히지 마세요 — 스크린샷은 넉넉한 여백과 큰 사진 구획을 보여줍니다.
• 장난스럽거나 만화 스타일 폰트를 사용하지 마세요 — 스크린샷은 세련된 디도네 세리프와 깔끔한 산세리프 조합을 보여줍니다.
• 밝고 다색 그라디언트를 사용하지 마세요 — 스크린샷은 단색 어두운 배경과 플랫하고 고대비 악센트를 보여줍니다.
• 무거운 UI 오버레이로 주요 콘텐츠를 가리지 마세요 — 스크린샷은 핵심 정보의 명확하고 집중된 프레젠테이션을 보여줍니다.
• 피하기: 전문 용어가 많은 기업적 어투
• 피하기: 공격적인 영업 언어
• 피하기: 지나치게 캐주얼하거나 장난스러운 슬랭

10

팩 안의 실제 스크린샷

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

11

System Prompt

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