큐레이션 · 오픈 · 무료

Spacelab

건축 디자인 스튜디오를 위한 미니멀한 사진 중심 포트폴리오.

01

디자인 DNA

빛, 공간, 그리고 구조적 정직성이 환경을 정의하는 개방형 스튜디오.

02

컬러

모든 색상을 사진이 제공하는 엄격한 단색 팔레트입니다.

03

타이포그래피

grotesque-sans

• display62px · 400
• heading30px · 400
• body21px · 400

모든 크기에 걸쳐 균일한 폰트 두께 400을 사용 · 깔끔한 수직 리듬을 위해 1.05에서 1.2 사이의 타이트한 라인 높이 유지 · 가독성을 위해 약간의 양의 자간 사용

04

여백

4px 기준선에 기반하며, 21px (1.5rem)와 42px (3rem) 증분이 두드러지게 사용됩니다.

05

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

보이는 테두리 없음; 간격과 고대비 사진에 의존합니다.

06

레이아웃

고정된 왼쪽 내비게이션 컬럼과 유연한 오른쪽 콘텐츠 영역을 갖는 비대칭 분할 레이아웃.

07

모션과 인터랙션

UI 인터랙션을 위한 표준 0.4초 페이드 및 색상 트랜지션

내비게이션 링크에 대한 섬세한 색상 변화 (0.4초 트랜지션). · 표준 링크 내비게이션.

08

컴포넌트

• button 테두리나 배경 없는 미니멀한 텍스트 링크입니다.
• card 전통적인 카드 없음; 콘텐츠는 풀블리드 건축 사진으로 제시됩니다.
• chip 없음.
• input 없음.
• hero 대형 타이포그래피 맨IFESTO 선언문과 전체 너비 히어로 이미지.

09

보이스와 금지 목록

• 톤 직설적이고 자신감 있으며 미니멀합니다.
• 헤드라인 대담하고 선언적이며 타이포그래피적으로 지배적입니다.
• CTA 조용하고 실용적인 텍스트 링크.

• 볼드 폰트 두께를 사용하지 마세요 — 스크린샷은 모든 텍스트가 일반 400 두께임을 보여줍니다
• 장식적 UI 테두리를 추가하지 마세요 — 스크린샷은 완전히 보더리스 레이아웃을 보여줍니다
• 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 오직 중립적인 텍스트와 사진에 엄격히 의존합니다
• 세리프 폰트를 사용하지 마세요 — 스크린샷은 깔끔하고 균일한 기로스크 산세리프를 사용합니다
• 단단한 그리드 레이아웃을 만들지 마세요 — 스크린샷은 뚜렷한 왼쪽 컬럼을 갖는 분할 레이아웃을 보여줍니다
• 요소에 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 평평하고 2D적인 표면 처리를 보여줍니다
• 피하기: 마케팅 용어
• 피하기: 지나치게 복잡한 문장
• 피하기: 시각적 혼잡 또는 장식적 테두리

10

팩 안의 실제 스크린샷

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

11

System Prompt

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