큐레이션 · 오픈 · 무료

Martin Laxenaire Fr

크리에이티브 웹 디자이너를 위한, 고에너지와 타이포그래피적으로 대담한 포트폴리오.

01

디자인 DNA

생동감 있고 인터랙티브한 예술 작품 같은 느낌의 크리에이티브 에이전시 포트폴리오입니다.

02

컬러

고대비 모노크롬 기반에 생동감 있는 다색 기하학적 악센트.

03

타이포그래피

extended-grotesque-sans · grotesque-sans

• display167px · 700
• heading-lg105px · 700
• heading-md63px · 700
• body-lg31px · 400
• body-md21px · 400

대형 디스플레이 텍스트에는 확장형 고트로스크산스체를 사용합니다. · 본문에는 표준 고트로스크산스체를 사용합니다. · 디스플레이 텍스트에는 좁은 글자 간격을 적용합니다. · 대부분의 텍스트 요소에는 대문자 변환을 사용합니다.

04

여백

여백을 위한 넉넉한 패딩을 갖춘 8px 기본 그리드.

05

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

인터랙티브 요소와 테두리에는 2px solid black.

0px 4px 24px rgba(18, 18, 18, 0.1)

06

레이아웃

거대한 중앙 텍스트 블록이 있는 전체 뷰포트 히어로 섹션, 그리고 프로젝트용 다중 열 그리드.

07

모션과 인터랙션

요소 등장 시 부드럽고 높은 ease-out 전환. · 스크롤 시 패럴랙스와 스케일링 효과. · 인터랙티브 기하학적 배경 요소.

인터랙티브 요소의 스케일링과 색상 전환. · 즉각적인 시각적 피드백을 제공하는 활성 상태.

08

컴포넌트

• button 두꺼운 검은색 테두리와 흰색 배경 위의 검은색 텍스트를 갖춘 알약 형태.
• card 대형 타이포그래피와 대담한 배경색을 사용한 프로젝트 카드.
• hero 회전하는 다색 기하학적 스타버스트 패턴과 크고 겹치는 디스플레이 타이포그래피를 갖춘 전면 화면 히어로.

09

보이스와 금지 목록

• 톤 자신감 있고 장난기 있으며, 매우 창의적인.
• 헤드라인 짧고 임팩트 있으며, 종종 전부 대문자.
• CTA 직접적이고 행동 지향적이며, 알약 형태 버튼 사용.

• 헤드라인에 표준적이고 좁은 산세리프를 사용하지 마세요 — 스크린샷에는 넓고 확장형 고트로스크 폰트가 보입니다.
• 작고 밀집된 본문을 사용하지 마세요 — 스크린샷에는 넉넉한 행 높이의 크고 읽기 쉬운 텍스트가 보입니다.
• 채도 낮거나 어두운 팔레트를 사용하지 마세요 — 스크린샷에는 밝은 흰색 배경과 생동감 있는 녹색, 갈색, 노란색 악센트가 보입니다.
• UI 요소에 날카롭고 각진 모서리를 사용하지 마세요 — 스크린샷에는 매우 둥근 모서리(21px radius)가 보입니다.
• 얇고 미세한 테두리를 사용하지 마세요 — 스크린샷에는 버튼과 카드의 두꺼운 2px 검은색 테두리가 보입니다.
• 전통적이고 수평형 전용 레이아웃을 사용하지 마세요 — 스크린샷에는 역동적이고 겹치는 타이포그래피 히어로가 보입니다.
• 피하기: 지루한 레이아웃
• 피하기: 채도 낮은 색상
• 피하기: 전통적인 세리프 폰트
• 피하기: 작은 텍스트
• 피하기: 표준 그리드 전용 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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