Dropbox Brand Guidelines
United States · Technology · Brand design system
Dropbox 的公开品牌指南网站将标志、字体、图标、色彩、影像与动效拆成独立模块。色彩页面明确区分核心色、强调色和灰阶,并给出颜色与摄影结合的实例。网站使用 Webflow 资源,并被 Webflow 2025 奖项介绍为动画体验案例。
点评
设计判断:这是一套真正可供品牌团队执行的在线设计规范,而非仅供展示的视觉作品集。最值得借鉴的是以导航信息架构承载完整设计系统,既能快速查询单个规范,又能通过夸张排版与示例图片体现品牌性格。色彩页面把颜色名称、层级与摄影配对讲清楚,适合多团队协作和品牌资产对外开放。商业上可减少品牌素材误用、提升跨渠道一致性。局限在于它面向设计与合作伙伴,不适合直接照搬为销售型首页;普通客户需要更直接的产品利益和转化路径。
站点结构
- 建站平台
- Webflow
- 电商平台
- None
- CMS
- Webflow CMS (not independently confirmed)
- 框架
- Unknown
- 架构
- Webflow-hosted brand guideline site
- 首屏
- 引用与简洁说明构成导览型首屏
- 字体
- 大胆断行大字标题与规整规范文字
- 图片
- 示例照片、品牌色块及视觉系统规范图
- 导航
- Framework、Voice、Logo、Typography、Color、Imagery、Motion模块导航
- 版式
- 品牌原则首页引导进入字体、图标、色彩、影像、动效等独立规范页面;色彩页按Core、Accents、Greys分组。
- 动效
- 包含专门的Motion规范栏目;Webflow奖项称其动画表达突出,静态页面无法逐帧核验。
- 主色
- Dropbox Blue、Coconut、Graphite、Canopy、Crimson
