厳選・オープン・無料

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

フェードイントランジション · 控えめなスライドイン

控えめな明るさの上昇 · 即座のレスポンス（<100ms）

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) 即座のレスポンスタイム（<100ms）。重要な禁止事項：ライトモードを使用しない、セリフフォントを使用しない、小さなテキストを使用しない、インターフェースを雑踏させない、遅いトランジションを使用しない、複雑な配色を使用しない。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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