큐레이션 · 오픈 · 무료

Marxdesign Co Nz

대담한 타이포그래피와 고대비 사진을 특징으로 하는 미니멀 포트폴리오.

PortfolioAgencyBold TypographyPhotographicClean

Marxdesign Co Nz 스크린샷

↓ 디자인 시스템 다운로드 (53 MB)OpenDesign 에서 열기

원본 사이트: https://marxdesign.co.nz

📦 팩 내용 보기 →

01

디자인 DNA

아이디어 중심디자인 포트폴리오미니멀대담한에이전시

고급 건축 도면 또는 갤러리 전시 가이드.

02

컬러

#000000Ink

#ffffffBG

#ebe8e7Muted

rgba(0,0,0,1.0)Line

따뜻한 사진적 포인트가 있는 고대비 단색.

03

타이포그래피

geometric-sans · humanist-sans

display120px · 400
headline27px · 400
body19px · 400

큰 전시 텍스트에는 마이너스 자간을 사용합니다. · 본문 텍스트의 일관된 글꼴 굵기 400을 유지합니다. · 대부분의 본문 및 제목 텍스트는 왼쪽 정렬합니다.

04

여백

4px

8px

10px

18px

30px

64px

96px

섹션 사이의 풍부한 수직 여백.

05

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

sm · 4px

md · 0px

lg · 0px

pill · 999px

보이는 테두리 없음.

06

레이아웃

1280container

12columns

18pxgutter

768 / 1024breakpoints

크고 오프 그리드 이미지 배치가 있는 비대칭 그리드.

07

모션과 인터랙션

220msmicro

300mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

스크롤 시 페이드인 전환.

인터랙티브 요소에 커서 포인터. · 탐색 또는 프로젝트 뷰를 트리거합니다.

08

컴포넌트

button 커서 포인터가 있는 미니멀 텍스트 링크.
card 작은 원형 인디케이터가 있는 엣지투엣지 이미지.
chip 작은 원형 색상 스와치(50% border-radius).
hero 거대한 타이포그래피 인트로와 이어지는 큰 사진 작품.

09

보이스와 금지 목록

톤 자신감 있고 전문적이며 절제된.
헤드라인 짧고 직접적이고 강렬한.
CTA 절제된 텍스트 링크.

다색 팔레트를 사용하지 마세요 — 스크린샷은 사진적 포인트가 있는 엄격한 흑백 기반을 보여줍니다.
모든 콘텐츠를 중앙 정렬하지 마세요 — 스크린샷은 왼쪽 정렬 텍스트와 비대칭 레이아웃을 보여줍니다.
두꺼운 테두리나 그림자를 사용하지 마세요 — 스크린샷은 플랫하고 테두리 없는 표면을 보여줍니다.
주요 UI에 장식용 세리프 글꼴을 사용하지 마세요 — 스크린샷은 깔끔한 삐라세리프를 보여줍니다.
요소를 밀집시키지 마세요 — 스크린샷은 여백의 광범위한 사용을 보여줍니다.
카드에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형의 이미지 프레임을 보여줍니다.
피하기: 혼잡한 레이아웃
피하기: 지나친 장식 요소
피하기: 채도 높은 팔레트

10

팩 안의 실제 스크린샷

Marxdesign Co Nz — 桌面首屏（hero） — 桌面首屏（hero）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Marxdesign Co Nz — 移动首屏 — 移动首屏

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

11

System Prompt

이것은 디자인 에이전시를 위한 미니멀 포트폴리오 사이트입니다. 시각적 정체성은 따뜻한 사진 톤이 있는 고대비 흑백 팔레트(잉크: #000000, 배경: #ffffff)를 기반으로 합니다. 타이포그래피는 큰 전시 텍스트에 상당한 마이너스 자간을 적용한 깔끔한 삐라세리프(humanist-sans)가 지배합니다. 레이아웃은 풍부한 여백이 있는 비대칭 및 그리드 기반입니다. 핵심 제약 사항: 본문에는 절대로 중앙 정렬된 텍스트를 사용하지 말고, 모든 유형의 컬러 UI 구성 요소 또는 테두리를 피하며, 모든 인터페이스 요소에 엄격한 단색 미학을 유지하세요. 디자인은 주요 시각적 관심사로 크고 고품질 사진에 초점을 맞춥니다.

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

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

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

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