精選 · 開放 · 免費

Vimcal

為會議過多的人所設計，全球最快的行事曆應用。

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

原站: https://www.vimcal.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

速度效率掌控高端

如同高性能的飛行駕駛艙，用於行程安排

02

色彩

#E35294Accent
#FFFFFFInk
#98A2B3Ink soft
#040126BG
#0a0a0aBG soft
#B0B1B4Muted
rgba(255,255,255,0.1)Line

深色模式，採用高對比度白色文字搭配鮮豔的霓虹色點綴

03

字型

geometric-sans · humanist-sans · monospaced

標題使用幾何無襯線字體 · 內文使用人文無襯線字體 · 技術細節使用等寬字體

04

間距

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

8px 基礎網格

05

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

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

1px solid rgba(255,255,255,0.1)

rgba(255, 255, 255, 0.1) 0px 2px 5px 0px inset · rgba(227, 82, 148, 0.8) -8px 0px 20px 0px inset · rgba(23, 144, 255, 0.8) 8px 0px 20px 0px inset

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

分屏式首屏，文字在左，應用程式預覽在右

07

動效與互動

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

淡入過渡效果 · 細微的滑入動畫

細微的亮度提升 · 即時回應（<100毫秒）

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

Vimcal 是一款為行政助理和忙碌專業人士設計的高端生產力工具。設計採用深色模式（#040126 背景），搭配高對比度白色文字和鮮豔的強調色，如粉紅色（#E35294）和藍色（#1790FF）。字體方面，標題使用幾何無襯線字體，內文使用人文無襯線字體。主要功能包括：1）分屏式首屏佈局，文字在左，應用程式預覽在右，2）深色玻璃擬態卡片，帶有細微邊框，3）完整的鍵盤快捷鍵支援，4）即時回應時間（<100毫秒）。關鍵禁忌：勿使用淺色模式、勿使用襯線字體、勿使用小字體、勿使介面雜亂、勿使用緩慢的過渡效果、勿使用複雜的配色方案。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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