精選 · 開放 · 免費

Cuberto

一個採用巨大無襯線標題與深色攝影主視覺的單色調代理商作品集，旨在建立以工藝為先的高端形象。

agencymotioninteraction
Cuberto 網站截圖
↓ 下載設計系統包 (15 MB)在 OpenDesign 中開啟

原站: https://cuberto.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

高端專業數位工藝大膽極簡

一間透過鮮明對比與自信排版發聲的高端設計與工程工作室。

02

色彩

#000000Ink
#FFFFFFBG
#161616BG quiet
#888888Muted
rgba(0,0,0,0.1)Line

嚴格的單色階層，運用鮮明的黑白對比，讓高品質攝影作品成為唯一的色彩來源。

03

字型

grotesque-sans

大型展示文字使用緊湊字距（例如 -1.62px），以營造堅實、建築般的感覺。 · 較小文字則使用寬鬆字距（例如 0.468px），以維持高可讀性。 · 字重主要限制在 Regular (400)，僅在需要強調時少量使用 Bold (700)。

04

間距

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

不對稱且寬敞，主要區塊間使用大間距（例如 90px），讓內容得以呼吸。

05

表面 (圓角 / 陰影 / 邊線)

sm · 18px
md · 18px
lg · 72px
pill · 99999px

僅在互動元素與分隔線上使用極簡的 1px 實線邊框。

無

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

大規模的主視覺區塊，包含全寬媒體與置中排版，並過渡至雙欄專案格狀佈局。

07

動效與互動

300msmicro
400mssmall
1200msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing

流暢、基於物理的滑動效果，用於頁面轉場與元素揭示。 · 持續旋轉的圓形文字徽章，作為互動提示。

互動元素上細微的縮放或透明度變化，以提供反饋而不造成干擾。 · 流暢、即時的狀態變換，搭配細微動態。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高端數位設計代理商作品集，以極致極簡與大膽排版為特色。色彩調色盤嚴格採用單色調，依賴純白（#FFFFFF）、純黑（#000000）與淺灰（#888888）作為次要文字。排版採用整潔、幾何的 grotesque-sans-serif 字體，並在巨大的展示尺寸（81px）與小型 UI 比例中使用。版面寬敞，使用大間距與圓角（18px）來柔化鮮明的對比。關鍵的禁止事項：避免使用任何明亮的強調色，絕不使用裝飾性或襯線字體，也不要讓螢幕充斥過多的 UI 元素。全程保持高端、精緻且建築般的感覺。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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