精選 · 開放 · 免費

Amie

一款由 AI 驅動的友善生產力應用程式,讓你的行程與筆記毫不費力地井然有序。

CalendarConsumerFriendly
Amie 網站截圖
↓ 下載設計系統包 (12 MB)在 OpenDesign 中開啟

原站: https://amie.so

📦 瀏覽包內檔案 →

01

設計氣質 DNA

高效整合簡潔智慧友善

一個簡潔、現代的工作空間,感覺像一位樂於助人的朋友,而非複雜的工具。

02

色彩

#11A8FFAccent
#000000Ink
#5C5C5CInk soft
#FFFFFFBG
#A0A0A0Muted
rgba(205, 205, 205, 1)Line

一個簡潔、高對比的配色方案,搭配單一活潑的藍色強調色,確保可讀性,並營造專業而平易近人的感受。

03

字型

humanist-sans

04

間距

4px
8px
12px
16px
20px
24px
28px
32px
48px
64px
96px

一個基於 4px 的系統,使用寬裕的 padding (12px, 20px, 28px) 創造出寬敞、不擁擠的感覺。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 9999px

使用 rgba(205, 205, 205, 1) 的細微 1px 實心邊框,進行柔和的界線劃分。

rgba(0, 0, 0, 0.06) 0px 0px 0px 1px · rgba(0, 0, 0, 0.06) 0px 1px 1px -0.5px · rgba(0, 0, 0, 0.06) 0px 3px 3px -1.5px

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

一個置中、寬廣的容器,內含窄幅、易讀的文字欄,以及側邊欄較重的產品 UI 佈局。

07

動效與互動

150msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

互動元素上的顏色、background-color 與 border-color 的平滑過渡效果。

背景顏色或文字顏色的細微變化,通常伴隨手型游標。 · 標準按鈕點擊行為。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個現代的 SaaS 生產力應用程式,具有簡潔、友善且平易近人的設計。主要品牌顏色是活潑的藍色 (#11A8FF),背景為白色,文字使用黑色與灰色。採用簡潔的 humanist-sans 字體 (Inter) 以達成高度可讀性。佈局寬敞,使用寬裕的 padding 與寬廣的容器來營造寬敞感。關鍵互動使用平滑、細微的過渡效果。重要的避免事項:不要使用深色背景、不要使用裝飾性襯線字體,也不要讓介面因複雜的元素或多種亮色強調色而過度擁擠。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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