큐레이션 · 오픈 · 무료

Co Projects

거대한 기하학적 형태가 지배하는 미니멀한 고대비 포트폴리오 사이트.

01

디자인 DNA

견고한 건축 모델이나 대담한 그래픽 프린트.

02

컬러

엄격한 이진 팔레트: 순수 블랙(#000000) 위의 순수 화이트(#FFFFFF).

03

타이포그래피

geometric-sans · monospace

• display60px · 400
• body16px · 400

주요 디스플레이 및 본문 텍스트에 'Alpha' 폰트 패밀리 사용 · 모노스페이스 요소에 'Takt' 폰트 패밀리 사용 · 모든 텍스트 요소에서 일관된 폰트-웨이트 400 유지

04

여백

주요 요소 사이의 넓은 수직 간격을 가진 넉넉한 여백

05

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

미세한 분리를 위해 rgb(229, 231, 235)를 사용하는 얇은 1px 테두리

06

레이아웃

좌우에 거대한 기하학적 형태, 상단에 미니멀한 내비게이션이 있는 비대칭 분할 레이아웃

07

모션과 인터랙션

모든 속성에 모든 전환 적용 (transition: all) · 요소의 가시성 및 위치 변화에 초점을 맞춘 간소화된 모션

상호작용 요소에서 커서가 포인터로 변경 · 전환 애니메이션이 포함된 표준 클릭 동작

08

컴포넌트

• button 포인터 커서가 적용된 텍스트 전용 내비게이션 링크
• card 전통적인 카드 없음; 콘텐츠가 큰 기하학적 구성으로 제시
• chip 보이는 디자인에 존재하지 않음
• input 보이는 디자인에 존재하지 않음
• hero 미니멀한 텍스트가 포함된 지배적인 기하학적 원/반원 구성

09

보이스와 금지 목록

• 톤 미니멀하고 직선적이며 건축적인
• 헤드라인 큰 기하학적 형태가 시각적 헤드라인 역할
• CTA 눈에 띄는 버튼 대신 절제된 텍스트 링크

• 둥근 모서리를 추가하지 않음 — 스크린샷에서 모든 형태가 날카롭고 기하학적인 가장자리로 보임
• 색상 변형을 도입하지 않음 — 스크린샷에서 엄격히 블랙(#000000)과 화이트(#FFFFFF)만 사용
• 여러 폰트 웨이트를 사용하지 않음 — 스크린샷에서 전체적으로 일관된 웨이트 400 사용
• 드롭 섀도우를 추가하지 않음 — 스크린샷에서 깊이 효과 없는 평면적 2D 구성
• 복잡한 내비게이션 메뉴를 만들지 않음 — 스크린샷에서 상단에 미니멀한 텍스트 링크만 표시
• 장식적 일러스트레이션을 추가하지 않음 — 스크린샷에서 추상적 기하학적 형태만 사용
• 그라디언트 배경을 사용하지 않음 — 스크린샷에서 단색 화이트(#FFFFFF) 배경
• 피하기: 장식적 요소 또는 일러스트레이션
• 피하기: 그라디언트 또는 색상 변형
• 피하기: 복잡한 내비게이션 패턴
• 피하기: 텍스트가 많은 소개
• 피하기: 둥근 모서리 또는 부드러운 가장자리

10

팩 안의 실제 스크린샷

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

11

System Prompt

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