精選 · 開放 · 免費

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

滾動時的淡入過渡效果。

互動元素游標為 pointer。 · 觸發導覽或項目檢視。

08

組件

button 簡約的文字連結，游標為 pointer。
card 邊對邊圖片，搭配小型圓形指示器。
chip 小型圓形色票 (50% border-radius)。
hero 大型排版導言，接著是大型攝影作品。

09

文案語氣與禁用清單

語氣自信、專業且內斂。
標題風格 簡短、直接且有力。
按鈕文案 低調的文字連結。

請勿使用多色彩色盤——截圖顯示其基底為嚴格的黑白，僅以攝影色調點綴。
請勿將所有內容置中對齊——截圖顯示文字為左對齊，且佈局不對稱。
請勿使用厚重的邊框或陰影——截圖顯示為扁平、無邊框的表面。
請勿在主要 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 元素或邊框，所有介面元素需維持嚴格的單色美學。設計以大型、高品質攝影作為主要的視覺焦點。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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