案例 · Web
KETTLE：慢一点的咖啡品牌动效页
一个蓝黄配色的原创品牌动效实验：浮动包装、大字标题与流动文字带组成轻松的浏览节奏，还可以切换风味文案。
打开页面查看将在新标签页打开 boloop-motion-studies.pages.dev，该页面是独立站点，不属于本站。
图片署名：Tink
一个有节奏的品牌页
KETTLE 是 Tink / Boloop 制作的虚构咖啡品牌概念。钴蓝背景、奶黄色包装与大字标题形成强对比，让包装成为主角，动效保持轻缓。
可以试什么
点击 Find your daily cup 跳到风味区域，选择 Cocoa、Almond 或 Orange，查看不同的描述。继续往下浏览简短的冲泡仪式，再用 One more cup 回到开头。Pause motion 可暂停持续动效；The concept 介绍作品范围。
制作与范围
使用 HTML、CSS 与 JavaScript 制作，包装场景由 ImageGen 辅助生成。案例图片为实际网页截图。这个作品展示品牌视觉与网页动效，没有商品销售、购物车或结算功能。