案例 · 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 輔助生成。案例圖片為實際網頁截圖。這個作品展示品牌視覺與網頁動效，沒有商品銷售、購物車或結帳功能。