큐레이션 · 오픈 · 무료

Buck

대형 크리에이티브 작업이 중심이 되도록 설계된 미니멀리스트, 고대비 포트폴리오입니다.

01

디자인 DNA

대규모 모션 및 브랜드 작업을 선보이는 하이엔드 크리에이티브 에이전시 포트폴리오입니다.

02

컬러

엄격한 흑백 캔버스를 사용한 극도의 미니멀리즘으로, 프로젝트 이미지의 활기찬 색상을 유일한 색상 소스로 활용합니다.

03

타이포그래피

geometric-sans · monospace

• display50px · 100
• body21px · 100

주요 서체(Mabry)는 모든 요소에 독점적으로 사용됩니다. · 제목과 본문 모두 초경량(100) 웨이트를 사용합니다. · 프로젝트 카테고리에는 대문자 텍스트 변환을 자주 적용합니다.

04

여백

비대칭적이며, 프로젝트 썸네일 주위에 넉넉한 패딩과 명확한 수직 흐름을 갖춥니다.

05

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

극도로 얇은 1px solid 보더를 절제하여 사용하며, 주로 구조적 구분선이나 상호작용 요소에 사용됩니다.

06

레이아웃

다양한 크기의 프로젝트 카드가 넓은 간격으로 배치된 느슨한 메이슨리 스타일 그리드입니다.

07

모션과 인터랙션

배경색 변경 시 부드러운 전환. · 프로젝트 카드에 미묘한 hover 효과. · 스크롤 시 그리드 항목의 순차적 표시.

프로젝트 썸네일에 미묘한 배경색 변화 또는 약간의 불투명도 변경. · 프로젝트 케이스 스터디로 직접 이동하며, 종종 부드러운 페이지 전환을 동반합니다.

08

컴포넌트

• button 미니멀리스트 텍스트 기반 버튼으로, 종종 대문자를 사용하며 우아함을 위해 얇은 웨이트에 의존합니다.
• card 대형 풀블리드 이미지와 구조화된 텍스트 메타데이터(카테고리, 제목, 설명)를 담는 깔끔한 컨테이너입니다.
• chip 전통적인 상자나 필 스타일 없이 작업을 분류하는 데 사용되는 대문자 텍스트 라벨입니다.
• input 검색 기능은 미니멀리스트 아이콘 트리거 입력 또는 전체 화면 오버레이를 사용할 것입니다.
• hero 회사의 사명을 단일 연속 흐름으로 명시하는 굵고 대형 타이포그래피 블록입니다.

09

보이스와 금지 목록

• 톤 전문적이고 권위 있으나 겸손합니다.
• 헤드라인 단순함을 통해 자신감을 전달하는 초경량, 대형 스케일의 산세리프 타이포그래피입니다.
• CTA 미니멀리스트이며, 두드러진 콜투액션 버튼보다는 내비게이션 링크에 의존합니다.

• 제목에 굵은 웨이트를 사용하지 마세요 — 스크린샷은 모든 주요 텍스트에 초경량(100) 웨이트를 보여줍니다.
• 프로젝트 카드에 드롭 섀도우를 추가하지 마세요 — 스크린샷은 완전히 평평하고 깔끔한 표면을 보여줍니다.
• 화려한 배경색을 사용하지 마세요 — 스크린샷은 엄격히 순수한 흰색(#FFFFFF) 캔버스를 보여줍니다.
• 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형의 썸네일을 보여줍니다.
• 장식적 테두리를 사용하지 마세요 — 스크린샷은 여백과 최소한의 라인 웨이트를 통한 명확한 분리를 보여줍니다.
• 복잡하고 다중 레이어 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 비교적 간단하고 교차된 2열 흐름을 보여줍니다.
• 피하기: 본문에 굵고 진한 서체 사용.
• 피하기: 지저분한 레이아웃이나 밀도 높은 단락.
• 피하기: 장식적 장식이나 불필요한 테두리.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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