큐레이션 · 오픈 · 무료

Julienrenau

미니멀한 디자인을 통해 기술적 전문성을 강조하는, 크리에이티브 테크놀로지스트를 위한 날것의 타이포그래피 기반 포트폴리오입니다.

01

디자인 DNA

고급 크리에이티브 기술 프로젝트를 선보이는 미니멀하고 고대비의 디지털 포트폴리오입니다.

02

컬러

극도의 절제; 가독성을 위한 고대비의 단일 색조 팔레트입니다.

03

타이포그래피

grotesque-sans

• display45px · 500
• body16px · 400

모든 텍스트 요소에 Founders Grotesk를 사용합니다. · 헤드라인에는 타이트한 행간을 유지합니다. · 강조와 메타데이터에 볼드체 (700)를 사용합니다.

04

여백

큰 여백 블록을 사용한 엄격한 수직 리듬입니다.

05

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

구분을 위해 기본 잉크 색상을 사용한 1px 실선 테두리입니다.

06

레이아웃

큰 여백과 수평 규칙을 사용한 비대칭 격자입니다.

07

모션과 인터랙션

인터랙티브 요소에 적용되는 섬세한 hover 전환입니다. · 프로젝트 갤러리를 위한 수평 스크롤링 또는 슬라이딩입니다.

섬세한 색상 또는 투명도 변경입니다. · 프로젝트 상세 페이지로의 직접적인 탐색입니다.

08

컴포넌트

• button 배경이나 테두리가 없는 텍스트 기반 링크입니다.
• card 상단 테두리가 있는 큰 수평 블록 형태의 프로젝트 카드입니다.
• hero 큰 타이포그래피와 최소한의 이미지를 사용한 텍스트 중심의 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 전문적이고 간결하며 기술적인 어조입니다.
• 헤드라인 대시(-) 구분자를 사용한 짧고 설명적인 제목입니다.
• CTA 미니멀한 텍스트 기반 행동 유도 요소입니다.

• 장식적인 일러스트레이션을 사용하지 않습니다 — 스크린샷은 날것의 텍스트와 사진만 보여줍니다.
• 밝은 강조색을 사용하지 않습니다 — 스크린샷은 단일 색조 팔레트를 보여줍니다.
• 둥근 모서리를 사용하지 않습니다 — 스크린샷은 날카롭고 직사각형 요소를 보여줍니다.
• 그림자(drop shadow)를 사용하지 않습니다 — 스크린샷은 테두리 기반의 플랫 디자인을 보여줍니다.
• 복잡한 탐색 구조를 사용하지 않습니다 — 스크린샷은 간단한 텍스트 링크를 보여줍니다.
• 장난스러운 폰트를 사용하지 않습니다 — 스크린샷은 깔끔한 그로테스크산스 세리프를 보여줍니다.
• 피하기: 장식적인 요소나 일러스트레이션을 피합니다.
• 피하기: 밝거나 채도 높은 색상을 피합니다.
• 피하기: 복잡한 레이아웃 구조를 피합니다.
• 피하기: 장난스럽거나 비공식적인 언어를 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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