厳選・オープン・無料

Lindy

多忙なプロフェッショナルのための、AI搭載ノートテイキング&スケジューリングアシスタント。

aiagent
Lindy のスクリーンショット
↓ デザインシステムをダウンロード (16 MB)OpenDesign で開く

オリジナル: https://www.lindy.ai

📦 パックの中身を見る →

01

デザイン DNA

プロフェッショナル効率的アシスタント自動化信頼できる

あなたが重要なことに集中できるよう、日々のタスクを処理する、一流のエグゼクティブアシスタント。

02

カラー

#2A66FFAccent
#0F1E2EInk
#FCF9F8BG
#474A55Muted
rgba(0, 0, 0, 0.08)Line

温かみのあるオフホワイトのキャンバスと戦略的なブルー/ゴールドのアクセントによる、プロフェッショナルな明瞭さ。

03

タイポグラフィ

grotesque-sans · humanist-sans

見出しにはタイトなトラッキングとセンテンスケースキャピタライゼーションを採用。 · 本文は可読性を保つため、一定の1.5の行間を維持。 · 太字ウェイト(500)を本文の標準とし、700はアクセントに限定。

04

余白

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

主要セクションには一定の64pxの垂直リズムを、グリッド要素には24pxのガターを採用。

05

サーフェス (角丸 / 影 / 罫線)

sm · 8px
md · 12px
lg · 24px
pill · 1440px

カードの区切りとして、微妙な rgba(0, 0, 0, 0.08) を使用した、薄い1pxのボーダーを採用。

rgba(0, 0, 0, 0.15) 0px 1px 10px 0px · rgba(20, 21, 26, 0.05) 0px 1px 2px 0px

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

中央揃えの単一カラムヒーローから、機能用の12カラムグリッドへと流れる構成。

07

モーションとインタラクション

220msmicro
300mssmall
450msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing

ボタンやリンクのホバーステートに対する、滑らかなトランジション(0.2s)。 · インタラクティブ要素の、トランスフォームベースの動き(0.45s)。 · コンテンツの表示に対する、微妙な不透明度のフェードイン(0.3s)。

インタラクティブ要素の、微妙な背景色の変化またはシャドウの高まり。 · 軽微なスケールやカラーシフトによる、即時フィードバック。

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

Lindy は、プロフェッショナル向けのプレミアムAI生産性ツールであり、温かみのあるオフホワイト(#FCF9F8)のキャンバス上にプレゼンされています。デザインDNAは、プライマリテキストに深いネイビー(#0F1E2E)を、メインアクセントに鮮やかなブルー(#2A66FF)を採用し、セカンダリとしてゴールドのハイライトを配置しています。タイポグラフィは、本文用にクリーンでモダンなヒューマニストサンセリフ(Manrope)、見出し用にやや構造化されたゴシック体を採用し、500-700のウェイトを多用しています。レイアウトは広々としており、明瞭さを優先しています。重要な注意点:メイン背景に純粋なホワイトを使用せず、プライマリUI要素に鋭い角を使用せず、見出しに細い、またはコントラストの低いテキストを使用しないこと。声はプロフェッショナルかつ親切で、自動化による時間節約という核心的バリュープロポジションに焦点を当てています。

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

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

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

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