큐레이션 · 오픈 · 무료

Thoughtlab

카테고리 중심 브랜드 + 프로덕트 스튜디오

01

디자인 DNA

시장 카테고리를 설계하고 이를 증명할 플래그십 디지털 제품을 구축하는 하이엔드 브랜드 컨설팅입니다.

02

컬러

대담한 빨간색 강조 포인트가 있는 고대비 단색 기반.

03

타이포그래피

grotesque-sans

• display91px · 700
• h172px · 700
• h227px · 400
• body14px · 400

디스플레이 크기에는 타이트한 네거티브 트래킹을 사용합니다. · 텍스트와 배경 사이의 높은 대비를 유지합니다. · 모든 텍스트에 grotesque-sans 계열을 엄격히 준수합니다.

04

여백

일관된 4px 기본 그리드를 패딩과 마진에 사용하며, 극적인 섹션 구분을 위해 큰 수직 간격(예: 198px, 288px)을 적용합니다.

05

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

1px solid rgba(204, 204, 204, 0.2)

rgb(128, 128, 128) 0px 0px 5px 0px

06

레이아웃

텍스트가 좌측 정렬되고 큰 그래픽 요소(3D 구체 등)가 중앙/우측을 차지하는 전체 너비 히어로 섹션.

07

모션과 인터랙션

스크롤 기반 공개를 위한 매끄러운 불투명도 및 transform 전환. · 복잡한 요소를 위한 느린 너비/transform 애니메이션.

미묘한 불투명도 변화 또는 커서 변환. · 상태 변화를 통한 즉각적인 피드백.

08

컴포넌트

• button 고대비 색상을 사용한 알약 모양의 주요 버튼.
• card 최소주의적인 카드, 주로 테두리가 없거나 미묘한 테두리 사용.
• chip 해당 없음
• input 해당 없음
• hero 거대한 타이포그래피와 중앙의 3D 추상 요소가 있는 전체 뷰포트 다크 히어로.

09

보이스와 금지 목록

• 톤 권위 있고 자신감 넘치며 프리미엄.
• 헤드라인 직설적이고 선언적이며 거대한.
• CTA 단순하고 행동 지향적 (예: '문의하기').

• 밝은 배경을 사용하지 마세요 — 스크린샷은 철저히 다크(검정) 배경을 보여줍니다.
• 다양한 색상 팔레트를 사용하지 마세요 — 스크린샷은 검정, 흰색, 회색 및 하나의 빨간색 강조만 보여줍니다.
• 세리프 서체를 사용하지 마세요 — 스크린샷은 독점적으로 grotesque-sans 타이포그래피를 보여줍니다.
• 작고 가벼운 헤드라인을 사용하지 마세요 — 스크린샷은 거대하고 볼드하며 타이트하게 트래킹된 디스플레이 텍스트를 보여줍니다.
• 복잡한 테두리나 그림자를 사용하지 마세요 — 스크린샷은 미니멀하고 미묘한 테두리가 있는 평면적 표면을 보여줍니다.
• 라운드 코너를 과도하게 사용하지 마세요 — 스크린샷은 대부분 날카롭거나 아주 미세하게 둥근 모서리를 보여줍니다.
• 피하기: 장난스럽거나 캐주얼한 언어.
• 피하기: 작고 소심한 타이포그래피.
• 피하기: 너무 복잡한 내비게이션.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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