精选 · 开放 · 免费

Wearemotto

一个以字体为主导的大胆机构网站，通过巨大的展示字体和广阔的留白来吸引注意力。

AgencyBold TypographyCleanPremiumCase Study
Wearemotto 网站截图
↓ 下载设计系统包 (16 MB)在 OpenDesign 中打开

原站: https://wearemotto.com

📦 浏览包内文件 →

01

设计气质 DNA

策略设计咨询创新未来主义

品牌策略领域的高端建筑事务所

02

色彩

#1B1B1CInk
#717476Ink soft
#F4F3F0BG
#848484Muted
rgba(0, 0, 0, 1)Line

以温暖的中性色为基础的高对比度单色系

03

字体

geometric-sans · humanist-sans

巨大的全大写展示字体主导布局 · 大号展示文本使用紧凑的行高（1.0） · 所有文本一致使用中等字重（500）

04

间距

4px
8px
16px
19px
24px
32px
38px
48px
67px
77px
99px
158px

慷慨的垂直间距，主要部分顶部有158px的内边距

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 9px
lg · 9999px
pill · 9999px

活跃的CTA下划线使用1px实线黑色边框

06

布局

1440container
12columns
23pxgutter
768 / 1024breakpoints

全出血的hero区域，用于作品集项目的宽幅多栏网格

07

动效与交互

350msmicro
400mssmall
750msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

内容揭示使用平滑、高输出的缓动 · hover时微妙的透明度过渡 · 作品集元素使用复杂的transform动画

链接和按钮上的微妙颜色或透明度变化 · 即时响应，平滑缓动进入新状态

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个高端机构和咨询网站，其特点是巨大、大胆的展示型排版和广阔的留白。主色调是温暖的米白色背景（#F4F3F0）和深黑色文字（#1B1B1C），营造出精致的高对比度美学。字体使用几何和人文无衬线类别，展示标题使用极端尺寸（150px+），行高紧凑（1.0），字重中等。交互平滑而精致，依赖于微妙的透明度和颜色变化。关键是不要使用圆角、阴影或明亮的强调色；设计纯粹依赖于排版尺度和空间节奏。避免杂乱的布局，并确保所有标题保持左对齐和大写以最大化冲击力。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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