큐레이션 · 오픈 · 무료

Charlielemaignan

거대하고 표현적인 타이포그래피와 뚜렷한 고대비 색상 팔레트로 정의된 실험적인 그래픽 디자인 포트폴리오입니다.

TypographyPortfolioBold TypographyDesign ToolsExpressive
Charlielemaignan 스크린샷
↓ 디자인 시스템 다운로드 (6 MB)OpenDesign 에서 열기

원본 사이트: http://charlielemaignan.com

📦 팩 내용 보기 →

01

디자인 DNA

표현적타이포그래피 중심실험적그래픽 디자인포트폴리오

대담하고 실험적인 타이포그래피와 생생하고 고대비의 비주얼을 선보이는 그래픽 디자이너의 개인 포트폴리오입니다.

02

컬러

#FFFFFFInk
#838383Ink soft
#000000BG
rgba(255,255,255,1.0)Line

고대비 단색 기본 톤에 포트폴리오 이미지를 통해 생동감 있는 프로젝트별 색상을 도입합니다.

03

타이포그래피

geometric-sans · neue-haas-grotesk

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

거대한 타이포그래피 요소를 강조하기 위해 풍부한 여백을 둔 느슨하고 중앙 정렬된 레이아웃입니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

필 버튼은 2px solid #FFFFFF, 그 외에는 테두리를 사용하지 않습니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 너비의 수직으로 쌓인 섹션들로 구성되며, 내용이 중앙에 정렬되고 거대한 히어로 로고가 주를 이룹니다.

07

모션과 인터랙션

100msmicro
300mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

인터랙티브 요소의 매끄러운 트랜지션. · 커스텀 커서 애니메이션.

인터랙티브 요소는 0.3초 동안 매끄럽고 섬세한 트랜지션을 보여줍니다. · 즉각적인 시각적 피드백을 제공합니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

This is an experimental graphic design portfolio characterized by a stark, high-contrast monochrome base and massive, expressive typography. The design uses a black background (#000000) and white text (#FFFFFF) to create a bold visual impact. The primary font categories are geometric-sans for display elements and grotesque-sans for body text. Key interactive elements are pill-shaped buttons with white borders. The layout is sparse and vertically centered, focusing attention on large, custom-designed typographic logos. Critical donts: avoid using subtle or muted colors, avoid standard or generic typography, avoid sharp corners on buttons, avoid cluttered or complex layouts, avoid traditional grid structures, and avoid small, safe font sizes.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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