큐레이션 · 오픈 · 무료

Socialclubparis

오버사이즈 타이포그래피 스테이트먼트를 특징으로 하는 정제된 크리에이티브 클럽으로 표현된 글로벌 광고 에이전시.

01

디자인 DNA

대규모 타이포그래피가 주요 건축 요소로 작용하는 미니멀 갤러리 공간.

02

컬러

엄격히 단색이며, 깊이감을 위한 섬세한 웜 뉴트럴이 포함된 고대비 블랙과 화이트에 의존합니다.

03

타이포그래피

grotesque-sans · monospaced-sans

• display157px · 400
• heading46px · 400
• body14px · 400

모든 텍스트 요소의 기본 텍스트 변환은 ALL-CAPS(대문자)입니다. · 대규모 타이포그래피는 단순한 제목 이상의 주요 구성 요소로 작용합니다. · 시각적 응집력을 유지하기 위해 큰 디스플레이 사이즈에는 타이트한 자간을 사용합니다.

04

여백

넉넉한 수직 패딩(예: 57px, 106px, 150px)이 공기처럼 가벼운 에디토리얼 느낌을 만듭니다.

05

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

인터랙티브 윤곽선과 UI 요소에 사용되는 얇고 단색 블랙 테두리.

06

레이아웃

거대한 타이포그래피가 있는 전체 폭의 히어로, 그 다음 프로젝트 이미지로 구성된 메이슨리 그리드.

07

모션과 인터랙션

부드러운 hover 상태를 위해 요소에 전역적으로 적용되는 일반 트랜지션. · 깊이감을 만들기 위해 대규모 텍스트와 이미지가 독립적으로 스크롤됩니다.

커서는 포인터로 유지되며, 요소는 불투명도나 섬세한 변형이 적용될 가능성이 높습니다. · 로딩 스피너 없이 즉각적인 응답.

08

컴포넌트

• button 대문자 라벨과 hover 효과가 있는 미니멀 텍스트 전용 버튼.
• card 풀블리드 사진과 명확한 라벨이 특징인 대규모 프로젝트 카드.
• chip 솔리드 도트를 사용하는 카테고리 표시기(예: '● ADS', '● BRANDING').
• input 가로 텍스트와 플랫 버튼 액션이 있는 쿠키 동의 바.
• hero 거대한 'SOCIALCLUB' 워터마크와 중앙 정렬된 텍스트로 뷰포트를 지배합니다.

09

보이스와 금지 목록

• 톤 전문적이지만 초연하고 매우 자신감 넘치는 어조.
• 헤드라인 압도적으로 크고, 미니멀하며, 타이포그래피적으로 지배적인 스타일.
• CTA 섬세하고, 대문자이며, 전반적인 미니멀 미학에 통합된 스타일.

• 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 블랙, 화이트, 웜 뉴트럴의 엄격한 팔레트를 보여줍니다.
• 혼합된 케이스 텍스트를 사용하지 마세요 — 스크린샷은 거의 전적으로 ALL-CAPS(대문자) 사용을 보여줍니다.
• 무거운 그림자를 사용하지 마세요 — 스크린샷은 플랫하거나 테두리가 없거나 얇은 테두리의 표면을 보여줍니다.
• 세리프 서체를 사용하지 마세요 — 스크린샷은 순수한 기하학적 또는 모노스페이스 산세리프만 보여줍니다.
• 작은 히어로 텍스트를 사용하지 마세요 — 스크린샷은 뷰포트를 채우는 오버사이즈 'SOCIALCLUB' 텍스트를 보여줍니다.
• 전통적인 카드 테두리를 사용하지 마세요 — 스크린샷은 사진 콘텐츠와 라벨로 정의되는 카드를 보여줍니다.
• 장식 요소를 사용하지 마세요 — 스크린샷은 매우 절제된 기능적 미학을 보여줍니다.
• 피하기: 다색 팔레트나 밝은 강조 색상을 사용하지 마세요.
• 피하기: 장식용 세리프 또는 커리브 서체를 사용하지 마세요.
• 피하기: 지저분한 레이아웃이나 밀도 높은 텍스트 블록을 사용하지 마세요.
• 피하기: UI 요소에 무거운 그림자나 3D 효과를 사용하지 마세요.
• 피하기: UI와 제목에 소문자 텍스트를 사용하지 마세요.
• 피하기: 충분한 고품질 제작 가치가 없는 이미지를 사용하지 마세요.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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