큐레이션 · 오픈 · 무료

Oker

단색 팔레트, 세련된 타이포그래피, 그리고 풍부한 여백으로 특징지어지는 미니멀리스트 디자인 스튜디오 포트폴리오.

01

디자인 DNA

타이포그래피와 대규모 이미지에 초점을 맞춘, 조용하고 세련된 크리에이티브 작업 갤러리.

02

컬러

집중을 위한 엄격한 단색 기반과 명확한 고대비 모드(흑/백)를 사용합니다.

03

타이포그래피

transitional-serif

• display80px · 400
• title32px · 400
• body16px · 400
• caption16px · 300

04

여백

패딩과 정렬을 위해 8px 및 16px 증가분을 일관되게 사용합니다.

05

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

미세한 수평 구분선을 위해 1px solid rgb(160, 160, 160)를 사용합니다.

06

레이아웃

풍부한 흑백 패딩으로 구분된 대규모 풀블리드 이미지.

07

모션과 인터랙션

hover 시 부드러운 페이드인 및 색상 전환 · 이미지 리빌을 위한 transform 및 불투명도 전환

텍스트 링크에 대한 색상 전환 및 미세한 커서 변화. · 표준 포인터 상호작용.

08

컴포넌트

• button 시각적인 버튼 모양 없이 색상 전환 효과가 적용된 단순한 텍스트 링크.
• card 전통적인 카드 없음; 콘텐츠는 대규모 단독 이미지와 타이포그래피로 제시됩니다.
• chip 관찰된 칩 없음.
• input 관찰된 폼 입력 없음.
• hero 엣지 투 엣지의 풀 뷰포트 대규모 일러스트레이션 또는 포토그래피.

09

보이스와 금지 목록

• 톤 미니멀리스트, 전문적, 그리고 조용한.
• 헤드라인 대규모, 저 웨이트의 트랜지셔널 세리프. 종종 중앙 정렬 또는 왼쪽 정렬.
• CTA 버튼 스타일링 없는 단순한 텍스트 링크.

• 산세리프 디스플레이 폰트 사용 금지 — 스크린샷에서는 모든 헤딩에 트랜지셔널 세리프를 사용합니다.
• 둥근 버튼 사용 금지 — 스크린샷에서는 버튼 컨테이너 없이 텍스트 링크만 사용합니다.
• 다채로운 악센트 팔레트 사용 금지 — 스크린샷에서는 엄격한 단색 기반을 사용합니다.
• 무거운 드롭 섀도우 사용 금지 — 스크린샷에서는 완전히 플랫한 이미지와 타이포그래피를 보여줍니다.
• 텍스트용 복잡한 다열 그리드 사용 금지 — 스크린샷에서는 풍부한 단일 열 여백을 보여줍니다.
• 바쁜 장식적 패턴 사용 금지 — 스크린샷에서는 크고 깨끗한 포토그래픽 또는 일러스트레이티브 영역을 보여줍니다.
• 피하기: 밝은 네온 컬러
• 피하기: 무거운 드롭 섀도우
• 피하기: 바쁜 장식적 배경
• 피하기: 둥근 UI 요소
• 피하기: 산세리프 디스플레이 폰트
• 피하기: 복잡한 그래디언트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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