큐레이션 · 오픈 · 무료

Guillaumetomasi

왜곡된 이미지 요소와 대담한 타이포그래피를 특징으로 하는 실험적 레이아웃의 예술적 사진 포트폴리오.

01

디자인 DNA

디지털 왜곡과 콜라주를 사용하는 디지털 아트 갤러리 또는 사진작가의 포트폴리오.

02

컬러

엄격히 단색적이며, 사진이 모든 색상 변형을 제공합니다.

03

타이포그래피

grotesque-sans

• display66px · 400
• body23px · 400
• meta20px · 400

모든 텍스트는 엄격히 대문자입니다.

04

여백

콜라주와 같은 떠다니는 위치로 비대칭적입니다.

05

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

없음. 요소는 구성과 간격에 의존합니다.

06

레이아웃

자유형태 콜라주. 이미지와 텍스트가 의도적으로 겹칩니다.

07

모션과 인터랙션

드러남을 위한 길고 부드러운 전환.

포인터 커서. · 포인터 커서.

08

컴포넌트

• button 보이지 않음.
• card 보이지 않음.
• chip 보이지 않음.
• input 보이지 않음.
• hero 디지털 왜곡과 함께 떠다니는 이미지 위에 겹쳐지는 큰 타이포그래피.

09

보이스와 금지 목록

• 톤 예술적, 추상적, 미니멀.
• 헤드라인 대담하고 대문자이며, 단편적이거나 시적인.
• CTA 대문자, 고정폭, 절제된.

• 그리드 기반 정렬을 사용하지 마세요 — 스크린샷은 자유형태 콜라주 레이아웃을 보여줍니다.
• 요소에 그림자를 사용하지 마세요 — 스크린샷은 평면적인 구성을 보여줍니다.
• 혼합된 글꼴 두께를 사용하지 마세요 — 스크린샷은 균일한 두께(400)를 보여줍니다.
• 소문자 텍스트를 사용하지 마세요 — 스크린샷은 전적으로 대문자 텍스트를 보여줍니다.
• border-radius를 사용하지 마세요 — 스크린샷은 엄격하게 직사각형 요소를 보여줍니다.
• 높은 채도의 배경색을 사용하지 마세요 — 스크린샷은 극도로 하얀 배경을 보여줍니다.
• 피하기: 직관적인 설명.
• 피하기: 밝고 비자연적인 색상.
• 피하기: 딱딱한 정렬.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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