큐레이션 · 오픈 · 무료

Ingmarcoenen

거대한 커스텀 타이포그래피와 깔끔한 미니멀리즘이 중심이 된, 강렬한 단색 포트폴리오 사이트입니다.

01

디자인 DNA

극단적인 타이포그래피 스케일의 고대비 에디토리얼 포트폴리오

02

컬러

가끔 사진을 제외하면 고대비의 단색

03

타이포그래피

display-sans · neo-grotesque-sans · serif

• display295px · 400
• body13px · 400
• heading36px · 400

04

여백

비대칭적이며 여백이 넉넉한 리듬

05

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

활성 상태에서는 1px solid black, 그 외에는 테두리 없음

06

레이아웃

상단 정렬의 거대한 히어로와 오프셋된 콘텐츠 블록을 사용하는 비대칭 격자

07

모션과 인터랙션

페이드 전환

버튼과 링크의 배경색 변화 · 미세한 스케일 또는 색상 변화

08

컴포넌트

• button 미세한 배경이 있는 알약 형태 또는 둥근 직사각형
• card 둥근 모서리가 있는 풀블리드 이미지 카드
• chip 활성 상태를 표시하는 작은 둥근 알약 형태 인디케이터
• input 밝은 배경의 전체 폭 둥근 입력 필드
• hero 뷰포트를 지배하는 극단적으로 크게 확장된 타이포그래피

09

보이스와 금지 목록

• 톤 프로페셔널하고 직접적이며 개인적인
• 헤드라인 거대하고 굵으며 추상적인
• CTA 최소한의 강조가 적용된 미세하고 둥근 버튼

• 다색 팔레트를 사용하지 마세요 — 스크린샷은 엄격히 단색 요소를 보여줍니다.
• 작은 디스플레이 타이포그래피를 사용하지 마세요 — 스크린샷은 뷰포트를 채우는 거대한 히어로 텍스트를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 플랫한 표면을 보여줍니다.
• 경직된 격자 정렬을 사용하지 마세요 — 스크린샷은 오프셋된 비대칭적 레이아웃을 보여줍니다.
• 복잡한 아이콘 세트를 사용하지 마세요 — 스크린샷은 미니멀한 커스텀 텍스트 기반 브랜딩을 보여줍니다.
• 본문에 표준 세리프 서체를 사용하지 마세요 — 스크린샷은 메인 도입부 단락에만 수축된 세리프를 보여줍니다.
• 피하기: 지나치게 장식적인 요소
• 피하기: 복잡한 레이아웃
• 피하기: 화려한 색상

10

팩 안의 실제 스크린샷

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

11

System Prompt

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