精选 · 开放 · 免费

Collins

克制型高端代理设计的绝佳范例,排版与留白承担了主要作用,无需任何装饰性元素。

branding studio
Collins 网站截图

原站: https://wearecollins.com

在 OpenDesign 中打开

设计 DNA

视觉语言

近乎单色的色板,由米白色、近黑墨色和温暖的中性灰构成,营造出精致的编辑感对比,且无任何主导的强调色。

布局结构

居中全视口主视觉区,配合大量留白过渡至不对称的内容板块,其特点是大型、以图片为主的案例研究卡片。

交互形态

使用自定义 cubic-bezier 曲线实现流畅的 0.25秒至0.8秒过渡,用于裁剪路径显现、变换和透明度渐变。

动效规则

较长时长的动画(最长达 800毫秒)搭配锐利的 cubic-bezier 缓动,营造出高端、从容的动态感受。

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