精选 · 开放 · 免费

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），以保持高可读性。 · 字重主要限制在常规体（400），仅在需要强调时使用粗体（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