큐레이션 · 오픈 · 무료

19 86 Fr

극단적인 타이포그래피 스케일과 엄격한 탭ular 구조를 사용하는 미니멀리스트 건축 스튜디오 포트폴리오.

01

디자인 DNA

건축적 명확성으로 구조화된 프로젝트를 보여주는 정밀한 기기.

02

컬러

순백 배경 위에 검정 텍스트와 테두리를 사용하는 절대적 단색.

03

타이포그래피

humanist-sans

• display490px · 400
• body24px · 400

04

여백

일관된 24px 수평 padding과 행 간 1px 수직 리듬.

05

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

1px solid #000000 수평선으로 리스트 항목 구분

06

레이아웃

거대한 타이포그래피 워터마크 오버레이가 있는 전폭 탭ular 리스트

07

모션과 인터랙션

opacity fade · max-height expansion

행 위 포인터 커서로 클릭 가능함 표시 · 행 확장 또는 프로젝트 상세로 이동

08

컴포넌트

• button 상태 표시 bullet 포인트가 있는 일반 텍스트
• card 1px 테두리로 구분된 탭ular 행
• input 카테고리 필터링용 드롭다운 메뉴
• hero 리스트 구조에 겹쳐지는 거대한 타이포그래피 숫자

09

보이스와 금지 목록

• 톤 권위적이고 건축적이며 매우 구조화된
• 헤드라인 그래픽 요소로 사용되는 거대하고 겹치는 타이포그래피 숫자
• CTA 최소한의 시각적 노이즈가 있는 미세한 상호작용 행

• 그림자를 사용하지 마세요 — 스크린샷은 완전히 평평한 2D 표면을 보여줍니다.
• 강조색을 사용하지 마세요 — 스크린샷은 엄격한 단색 흑백 팔레트를 보여줍니다.
• 두꺼운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 모든 텍스트에 걸쳐 균일한 regular 웨이트를 보여줍니다.
• 장식적 요소를 사용하지 마세요 — 스크린샷은 타이포그래피와 얇은 1px 선에 전적으로 의존합니다.
• 둥근 컨테이너를 사용하지 마세요 — 스크린샷은 날카로운 모서리와 직선 수평선을 사용합니다.
• 인터페이스를 어지럽히지 마세요 — 스크린샷은 넉넉한 여백과 엄격한 격자를 유지합니다.
• 피하기: 장난스러운 요소
• 피하기: 밝은 강조색
• 피하기: 그림자
• 피하기: 장식적 아이콘

10

팩 안의 실제 스크린샷

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

11

System Prompt

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