精選 · 開放 · 免費

Cal

此設計是單色調、以開發者為主導的美學如何能同時呈現高級感與高度功能性的出色範例。

Productivity SaaS Calendar Clean Product
Cal 網站截圖

原站: https://cal.com

在 OpenDesign 中開啟

設計 DNA

視覺語言

高對比、單色的黑色、白色與柔和灰色調色盤,營造出簡潔且專業的視覺風格。

版面結構

結構化的 12 欄網格搭配寬裕的留白,採用分割式首頁佈局,並明確定義元件邊界。

互動形態

細膩的 hover 狀態與過渡效果,在維持簡潔美學的同時,避免分散不必要的注意力。

動效規則

動效極簡且功能性強,僅用於下拉選單、hover 狀態等必要的 UI 回饋。

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