큐레이션 · 오픈 · 무료

Folkert Link

디자이너 폴케르트 고르터를 위한 타이포그래피 기반 포트폴리오로, 엄격한 모노스페이스 인덱스와 표현력 있는 겹침 디스플레이 텍스트가 특징입니다.

01

디자인 DNA

미니멀하고 매우 정교하게 큐레이션된 디자인 인덱스 또는 프로젝트 저널입니다.

02

컬러

탐색 맥락을 위해 단일 밝은 노란색 하이라이트를 더한, 선명하고 대비 강한 단색(흑백)입니다.

03

타이포그래피

grotesque-sans · system-sans · monospaced

• display120px · 400
• body14px · 400
• mono13px · 400

주요 타이포그래피는 탐색 및 레이블에 사용되는 엄격한 모노스페이스 폰트입니다. · 대형 디스플레이 타이포그래피는 종종 회전되거나 겹쳐지는 깔끔한 그루테스크 산세리프를 사용합니다. · 텍스트 색상은 엄격히 검정 또는 반투명 검정입니다.

04

여백

모노스페이스 목록에는 넉넉한 수직 간격을, 디스플레이 텍스트에는 촘촘한 겹침을 사용하여 대비를 이룹니다.

05

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

카드 요소에는 1px solid rgba(0,0,0,0,0.15)를, 특정 인터랙티브 컴포넌트에는 더 두꺼운 테두리를 사용합니다.

06

레이아웃

왼쪽 고정형 모노스페이스 인덱스와 오른쪽 동적 콘텐츠 영역으로 구성된 비대칭 분할 레이아웃입니다.

07

모션과 인터랙션

hover 및 탐색 변경 시 간단한 페이드 및 슬라이드 전환.

인터랙티브 요소 위에서 커서가 포인터로 변경되며, 미묘한 색상 변화 또는 불투명도 변경이 일어납니다. · 프로젝트별 오버레이 또는 외부 링크로 이동합니다.

08

컴포넌트

• button 텍스트 기반 탐색 링크 중 일부는 볼드한 모노스페이스 스타일과 노란색 하이라이팅을 적용합니다.
• card 대부분 이미지로 구성되고, 통일된 border-radius가 적용되지 않은 비대칭 프로젝트 썸네일 격자입니다.
• chip 해당 없음
• input 해당 없음
• hero 중앙 뷰포트를 지배하는, 크고 표현력 있는 겹침 및 수직 회전된 디스플레이 텍스트입니다.

09

보이스와 금지 목록

• 톤 절제되고 미니멀하며 지적입니다.
• 헤드라인 표현적이고 겹쳐지며, 종종 수직 방향의 디스플레이 타이프입니다.
• CTA 간결한 모노스페이스 텍스트로, 때로는 밝은 노란색 배경으로 강조됩니다.

• 여러 포인트 색상을 사용하지 마십시오 — 스크린샷은 단일 노란색 하이라이트가 포함된 엄격한 단색 팔레트를 보여줍니다.
• 모든 요소에 전통적인 둥근 모서리를 사용하지 마십시오 — 스크린샷은 날카로운 모서리와 특정 둥근 컨테이너의 혼합을 보여줍니다.
• 주요 탐색을 중앙 정렬하지 마십시오 — 스크린샷은 엄격히 왼쪽 정렬된 모노스페이스 인덱스를 보여줍니다.
• 주요 인덱스에 표준 산세리프를 사용하지 마십시오 — 스크린샷은 전용 모노스페이스 폰트를 보여줍니다.
• 배경이 지나치게 바쁘지 않도록 하십시오 — 스크린샷은 깔끔하고 단색의 흰색 배경을 보여줍니다.
• 무거운 그림자를 사용하지 마십시오 — 스크린샷은 미니멀하고 미묘한 테두리가 적용된 평평한 표면을 보여줍니다.
• 피하기: 장식적인 요소나 스톡 사진을 피하십시오.
• 피하기: 지나치게 복잡한 UI 컴포넌트나 무거운 그라디언트를 피하십시오.
• 피하기: 여러 포인트 색상을 피하십시오.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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