Dropbox.com

近白色基底、网格布局与细线分隔。

页面以近白色为基底，搭配近黑色文字。字体采用 Times、Atlas Grotesk Web。视觉特点包括网格布局、细线分隔、扁平表面、摄影展示。适合参考的场景：SaaS 产品官网、功能介绍页。

查看原始网站

使用规范

建议采用

使用 Cream Paper（#f7f5f2）作为所有页面区块的基础画布——绝不以纯白作为全页背景的默认值
仅将固色 #0061fe 用于主要操作按钮和激活导航状态
在 Sharp Grotesk 中将标题字重设为 500（而非 700）——中等字重是其标志性特征
所有按钮使用 16px 圆角，卡片和产品原型使用 8–12px 圆角
以 6px 间距为基准对齐布局：12/24/48/72/96px 为最常用步长值
搭配 Atlas Grotesk 16px 正文与 Stone Gray（#716b61）用于次要/辅助文本
在解决方案/行业板块中使用 2 列卡片网格，搭配 24px 间距

建议避免

不要使用纯白（#ffffff）作为页面背景——这会破坏温暖纸张的美学
不要在标题中使用粗体（700）或中粗（600）字重——Sharp Grotesk 500 是标准
不要为卡片或产品原型添加阴影——分离感来自细线边框和奶油到白色的表面过渡
不要引入与 #0061fe 蓝色竞争的次级色彩强调
不要在标题或正文使用 Times 叙事体——它仅作为系统备用字体出现
不要使用完全圆润（9999px）的胶囊形按钮作为主要行动号召——16px 是标准圆角
不要将奶油画布与冷灰（#e5e7eb、#f3f4f6）混合——应坚持使用温暖中性色系（#eee9e2 / #f7f5f2）

正在读取模板权限…

使用指南

# Dropbox.com — Style Reference
> warm cream workspace — editorial confidence on paper
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Dropbox reads as a warm editorial workspace rather than a cold productivity dashboard. The canvas is cream paper (#f7f5f2), not sterile white; text is a warm near-black (#1e1919), not pure ink. The brand speaks through one confident electric blue (#0061fe) that paints every action surface, paired with Sharp Grotesk headlines and Atlas Grotesk body copy — a custom Grotesk pairing that gives the system a proprietary, designed quality. Layouts are generous and breathing, built on a 6px base, with 2-column card grids, split text+visual heroes, and minimal elevation. Surfaces are flat with hairline borders; corners are soft (8–16px). The mood is approachable, considered, and quietly confident — the opposite of a sterile enterprise UI.

Dropbox.com

使用规范

建议采用

建议避免

相似设计语言

ElevenLabs

Flatfile

Lottielab

Home

Ditto

Gleap