큐레이션 · 오픈 · 무료

Brunoarizio

글로벌하게 인정받는 독립 디자이너이자 크리에이티브 디렉터를 위한 미니멀 포트폴리오.

01

디자인 DNA

하이엔드 독립 디자인 스튜디오 포트폴리오.

02

컬러

순백 배경, 진한 검정 타이포그래피, 보조 텍스트를 위한 중립적인 회색을 사용한 강렬한 모노크롬 팔레트입니다.

03

타이포그래피

geometric-sans

• display16px · 400

정제되고 촘촘한 외관을 위한 극도로 좁은 자간(-0.22px). · 본문 텍스트에 약 13px 크기의 작은 글꼴을 적극적으로 사용. · 모든 가시 요소에 걸쳐 400으로 엄격하게 균일한 글꼴 두께.

04

여백

일관된 18px 수평 패딩과 45px 세로 섹션 패딩으로 정의됩니다.

05

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

보이는 구조적 테두리 없음; 분리는 전적으로 여백에 의존합니다.

06

레이아웃

섹션 간에 풍부한 수직 간격을 가진 풀폭 스택 레이아웃.

07

모션과 인터랙션

불투명도, 변환, 클립 패스를 위한 느리고 의도적인 전환(1초).

인터랙티브 텍스트 요소에서 커서가 포인터로 변경됩니다. · 1초 전환과 연계된 것으로 보이는 섬세한 불투명도 또는 변환 변화.

08

컴포넌트

• card 웹사이트 디자인을 표시하는 단일 풀블리드 프로젝트 미리보기 카드.
• hero 전통적인 그래픽 히어로 이미지 없이 텍스트만으로 구성된 극도로 미니멀한 소개 섹션.

09

보이스와 금지 목록

• 톤 전문적이고 자신감 있으며 절제된.
• 헤드라인 자격증명과 클라이언트 목록을 직접적이고 묘사적으로 명시하는.
• CTA 문의를 위해 단순한 밑줄 이메일 링크를 사용하는, 극도로 미니멀한.

• 여러 글꼴 두께를 사용하지 마세요 — 스크린샷은 모든 텍스트에 걸쳐 균일한 400 두께를 보여줍니다.
• 장식적인 그림자를 적용하지 마세요 — 스크린샷은 완전히 평면적이고 테두리 없는 표면을 보여줍니다.
• 넓은 자간을 사용하지 마세요 — 스크린샷은 -0.22px의 좁고 음수 자간을 보여줍니다.
• 복잡한 내비게이션 패턴을 도입하지 마세요 — 스크린샷은 세 개의 간단한 텍스트 링크만 보여줍니다.
• 다색 팔레트를 사용하지 마세요 — 스크린샷은 검정, 흰색, 회색만 엄격하게 사용합니다.
• 빠르고 통통 튀는 애니메이션을 사용하지 마세요 — 스크린샷은 느린 1초 전환을 명시합니다.
• 피하기: 마케팅 용어
• 피하기: 과도한 장식
• 피하기: 밝거나 산만한 색상
• 피하기: 복잡한 UI 컴포넌트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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