精選 · 開放 · 免費

Akiflow

一款結合 AI 的統一任務與日曆應用程式，助你節省時間。

productcalendar
Akiflow 網站截圖
↓ 下載設計系統包 (24 MB)在 OpenDesign 中開啟

原站: https://akiflow.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

生產力AI日曆任務效率

一款智慧、簡潔的數位規劃工具，將你的行程與待辦事項整合於一個由 AI 驅動的統一視圖中。

02

色彩

#8B00FFAccent
#212833Ink
#323B4AInk soft
#FFFFFFBG
#F8FAFCBG soft
#EEF3F8BG quiet
#5E687BMuted
rgba(0, 0, 0, 0.08)Line

以乾淨的白色畫布為基底，謹慎地使用高對比、高飽和度的紫色作為主要操作與重點區域的點綴。

03

字型

geometric-sans · humanist-sans

使用 Geometric Sans 作為具視覺衝擊力的展示標題。 · 使用 Humanist Sans 作為清晰易讀的內文字體。 · 大型標題需保持緊湊的字距。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

在主要元素周圍保留充裕的留白，營造專注、不擁擠的視覺感受。

05

表面 (圓角 / 陰影 / 邊線)

sm · 6px
md · 10px
lg · 16px
pill · 999px

使用極低透明度的黑色，構成 1px 實線的細緻邊框。

0px 1px 20px rgba(0, 0, 0, 0.08) · 0px 1px 6px rgba(0, 0, 0, 0.16) · 0px 1px 16px rgba(144, 0, 255, 0.2)

06

版面

1200container
12columns
24pxgutter
768 / 1024breakpoints

首頁區域採用置中的單欄佈局，功能展示區則過渡為多欄佈局。

07

動效與互動

200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

內容區塊在滾動時細微淡入。 · 按鈕與連結具備平滑的懸停過渡效果。

按鈕會略微提高亮度，或顯示帶有細膩紫色光暈的陰影。 · 主要按鈕會產生細微的縮小效果。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Akiflow — 桌面首屏（hero）
桌面首屏（hero）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akiflow — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Akiflow 是一款結合 AI 的任務與日曆生產力 SaaS 軟體。其設計簡潔而專業，採用白色背景（#FFFFFF）與深墨色文字（#212833）。主要點綴色為高飽和度的紫色（#8B00FF）。字體結合了幾何與人文無襯線體。關鍵注意事項：避免深色模式，勿使用襯線字體，避免使用生硬圓角且雜亂的佈局。整體感覺是高效、現代且專注的。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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