큐레이션 · 오픈 · 무료

Snogproductions

거대한 빨간색 로고타입과 혼란스러운 프로젝트 비주얼 갤러리로 정의된, 크리에이티브 프로덕션 스튜디오를 위한 대담하고 이미지 중심의 포트폴리오입니다.

01

디자인 DNA

하이엔드 크리에이티브 프로덕션 스튜디오의 포트폴리오

02

컬러

순백 배경은 단일 고채도 빨간색 악센트와 밀도 높은 다채로운 이미지를 위한 중립적 캔버스 역할을 합니다.

03

타이포그래피

condensed-grotesque · grotesque-sans

• display172px · 700
• body14px · 700

내비게이션 텍스트는 일관되게 대문자 및 볼드체로 표시합니다. · 디스플레이 로고타입이 레이아웃 상단을 지배합니다. · 최소한의 타이포그래피 계층을 적용하며, 주로 로고타입과 링크로 구성됩니다.

04

여백

불규칙한 갤러리 레이아웃은 엄격한 그리드보다는 큰 절대적 여백에 의존합니다.

05

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

구조적 테두리는 없으며, 이미지 콘텐츠와 팩트에 언급된 1px 테두리 너비 규칙만 적용합니다.

06

레이아웃

비대칭적이고 흩어진 갤러리로, 다양한 크기의 이미지가 겹치며 흰색 배경 위에 떠 있습니다.

07

모션과 인터랙션

요소에 대한 최소한의 거의 즉시 0.05초 전환

인터랙티브 요소에서 커서가 포인터로 변경됩니다. · 표준 링크 내비게이션

08

컴포넌트

• button 커서가 포인터로 변경되는 대문자 텍스트 링크
• card 패딩이나 테두리 없이 엣지투엣지로 배치된 프로젝트 이미지
• hero 수직으로 쌓인 프로젝트 포스터 갤러리 위에 겹쳐진 거대한 빨간색 타이포그래피.

09

보이스와 금지 목록

• 톤 자신감 넘치고, 대담하며, 직접적
• 헤드라인 거대하고, 콘덴스된, 대문자 로고타입
• CTA 단순한 대문자 텍스트 링크

• 채도 낮거나 파스텔 팔레트를 사용하지 마세요 — 스크린샷은 순백 배경에 단일 강렬한 빨간색 악센트를 보여줍니다.
• 모든 콘텐츠를 대칭적으로 중앙 정렬하지 마세요 — 스크린샷은 비대칭적이고 흩어진 갤러리 레이아웃을 보여줍니다.
• 얇고 섬세한 타이포그래피를 사용하지 마세요 — 스크린샷은 거대하고 울트라볼드한 콘덴스 로고타입을 보여줍니다.
• 이미지 카드에 패딩이나 테두리를 추가하지 마세요 — 스크린샷은 이미지가 엣지투엣지로 배치되거나 자유롭게 떠 있는 것을 보여줍니다.
• 느리고 웅장한 애니메이션을 구현하지 마세요 — 스크린샷 팩트는 빠른 0.05초 전환을 보여줍니다.
• 복잡한 UI 컴포넌트에 의존하지 마세요 — 스크린샷은 텍스트 링크와 떠 있는 프로젝트 이미지만 보여줍니다.
• 피하기: 미묘한 애니메이션
• 피하기: 채도 낮은 팔레트
• 피하기: 중심 정렬된 대칭적 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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