큐레이션 · 오픈 · 무료

Hugoferradas

대담한 타이포그래피와 절제된 색상 팔레트를 특징으로 하는 이중 언어 레이아웃의 브랜드 디자이너 및 크리에이티브 디렉터를 위한 세련된 개인 포트폴리오입니다.

01

디자인 DNA

크리에이티브 디렉터를 위한 차분한 타이포그래피 갤러리

02

컬러

단단한 검은 배경 위의 선명한 흰 텍스트를 사용하는 고대비 단색 팔레트이며, 경우에 따라 연한 노란색 로고 같은 미세한 강조색이 사용됩니다.

03

타이포그래피

transitional-serif · grotesque-sans

• display36px · 700

헤드라인은 우아함과 권위를 위해 클래식 세리프 폰트(Times New Roman 대체)를 사용합니다. · 본문은 어두운 배경에서 최대의 가독성을 위해 깨끗한 산세리프(Roboto)를 사용합니다. · 타이포그래피는 깨끗하고 숨 쉴 듯한 레이아웃을 유지하기 위해 넉넉한 행간과 함께 좌측 정렬됩니다.

04

여백

세로 리듬은 주요 섹션의 넉넉한 상단/하단 패딩과 텍스트 블록 간 일관된 마진을 통해 확립됩니다.

05

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

눈에 보이는 테두리는 사용되지 않으며, 깊이는 타이포그래피와 색상 대비를 통해서만 만들어집니다.

06

레이아웃

가장자리까지의 텍스트를 피하는, 중심에 맞춰진 좌측 정렬 콘텐츠 블록이 있는 전체 폭의 검은 캔버스입니다.

07

모션과 인터랙션

모든 요소에 transition 속성이 적용되어 있어, hover 또는 인터랙션 시 부드러운 상태 변화를 시사합니다.

전역 transition 속성에 의해 미세한 커서 인터랙션이 암시됩니다. · 전문적인 소속(R/GA, Stink Studios)을 위한 표준 링크 동작입니다.

08

컴포넌트

• button 전통적인 버튼은 보이지 않으며, 내비게이션은 텍스트 링크와 최소화된 토글 아이콘으로 처리됩니다.
• card 'ST·S·2·OS' 요소는 미세한 배경색 변화와 큰 맞춤 타이포그래피를 가진 그래픽 카드로 기능합니다.
• hero 큰 세리프 헤드라인과 간결한 전문 요약을 특징으로 하는 미니멀리스트 텍스트 기반 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 전문적이고 간결하며 자신감 있는
• 헤드라인 클래식 세리프 폰트를 사용하여 권위를 확립하는 직접적이고 개인적인 스타일.
• CTA 암시적; 전문적인 소속은 밑줄이 그어진 텍스트 링크로 제시됩니다.

• 밝거나 다채로운 배경을 사용하지 마세요 — 스크린샷은 대신 날카로운 검은(#000000) 캔버스를 보여줍니다.
• 헤드라인에 산세리프 폰트를 사용하지 마세요 — 스크린샷은 대신 전이형 세리프(Times New Roman)를 보여줍니다.
• 드롭 섀도우나 복잡한 테두리를 사용하지 마세요 — 스크린샷은 대신 플랫하고 테두리 없는 디자인을 보여줍니다.
• 두드러지고 고채도의 강조색을 사용하지 마세요 — 스크린샷은 대신 중성적인 단색 팔레트를 보여줍니다.
• 작고 밀집된 텍스트를 사용하지 마세요 — 스크린샷은 가독성을 위해 넉넉한 행간과 큰 폰트 크기를 보여줍니다.
• 모든 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 대신 좌측 정렬된 단락과 헤드라인을 보여줍니다.
• 피하기: 지나치게 캐주얼한 언어 사용을 피할 것
• 피하기: 복잡한 내비게이션 메뉴를 피할 것
• 피하기: 지저분한 레이아웃을 피할 것
• 피하기: 여러 경쟁적인 강조색 사용을 피할 것
• 피하기: 본문에 장식용 폰트 사용을 피할 것

10

팩 안의 실제 스크린샷

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

11

System Prompt

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