큐레이션 · 오픈 · 무료

Thegreenspace

대담한 타이포그래피와 사진형 히어로 섹션을 갖춘 미니멀리스트 디자인 에이전시 포트폴리오

StudioAgencyCleanTypographyPhotographic
Thegreenspace 스크린샷
↓ 디자인 시스템 다운로드 (3 MB)OpenDesign 에서 열기

원본 사이트: https://thegreenspace.com

📦 팩 내용 보기 →

01

디자인 DNA

디자인 에이전시건축브루탈리즘미니멀리즘

대규모 타이포그래피와 넉넉한 여백이 있는 갤러리 공간

02

컬러

#000000Ink
#FFFFFFBG
#BEBEBEMuted
rgba(0,0,0,0)Line

계층 구조를 위한 그레이 강조색이 포함된 고대비 모노크롬 팔레트

03

타이포그래피

grotesque-sans

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

디스플레이 텍스트를 위한 타이트한 행간을 적용한 넉넉한 수직 간격

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

보이는 테두리 없음

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

최소한의 인터페이스 요소가 포함된 대형 타이포그래피 블록

07

모션과 인터랙션

400msmicro
400mssmall
1200msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

불투명도 전환 · 순차적 등장

상호작용 요소에 대한 불투명도 변화 · 37개 요소에 포인터 커서

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Thegreenspace — 桌面首屏（hero）
桌面首屏（hero）
Thegreenspace — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Thegreenspace — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Thegreenspace — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Thegreenspace — 移动首屏
移动首屏

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

11

System Prompt

이것은 The Greenspace를 위한 미니멀리스트 디자인 에이전시 포트폴리오 사이트입니다. 화이트 배경(#FFFFFF), 블랙 잉크(#000000), 그레이 무톤 텍스트(#BEBEBE)가 포함된 고대비 모노크롬 팔레트가 특징입니다. 타이포그래피는 grotesque-sans 폰트(haas_grotesk)를 사용하며, 극적인 효과를 위해 대형 디스플레이 크기(72px)와 타이트한 행간을 적용합니다. 레이아웃은 넉넉한 여백과 최소한의 인터페이스 요소로 공간감이 있습니다. 중요 주의사항: 여러 폰트 패밀리를 사용하지 마세요, 섀도우나 둥근 모서리를 추가하지 마세요, 화려한 강조색을 도입하지 마세요, 장식적 요소로 복잡하게 하지 마세요, 테두리를 사용하지 마세요, 미니멀리스트 미학을 깨뜨리지 마세요. 사이트는 미묘한 모션 효과를 위해 불투명도 전환과 순차적 등장을 사용합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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