厳選・オープン・無料
Height
プロジェクトを統合し、雑務を自動化する、AIネイティブのタスク管理プラットフォーム
SaaSProductivityApp UI
01
デザイン DNA
タスク管理生産性AIコラボレーション
チームタスクのための、クリーンでモダンなオペレーティングシステム
02
カラー
#000000Ink
#FFFFFFBG
rgba(0, 0, 0, 1.0)Line
最大限の明瞭さを実現する、ハイコントラストの黒と白に依存した厳密なモノクローマティックの純粋さ。
03
タイポグラフィ
transitional-serif
全要素に一貫してトランジショナル・セリフを使用 · 主たるおよび唯一の使用ウェイトとしてウェイト400 · 標準的な可読性のための16pxの基本サイズ
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
標準的な4pxベースグリッド
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1pxの黒いソリッドボーダー
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準的な中央揃えコンテンツカラム
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
CSS transition: all · スムーズな状態変化
微細な視覚状態の変化 · 即座の応答
08
コンポーネント
- button 標準的なテキストまたはボーダードボタン
- card クリーンなボーダードコンテナ
- chip ミニマルなインラインタグ
- input 標準的なボーダード入力フィールド
- hero タイポグラフィ重視の導入セクション
09
文体と禁止事項
- トーン プロフェッショナルで、率直かつ効率的
- 見出し 飾り気のない、明確で機能的
- CTA 行動を促す、かつ目立つ
- カラフルなアクセントを使用しない — スクリーンショットは厳格なモノクローパレットを示しています
- サンセリフフォントを使用しない — スクリーンショットはトランジショナル・セリフのタイポグラフィを示しています
- 装飾的なシャドウを使用しない — スクリーンショットはエレベーションのないフラットデザインを示しています
- すべてに角丸を使用しない — スクリーンショットは鋭い幾何学フォームを示しています
- グラデーション背景を使用しない — スクリーンショットはソリッドな白い背景を示しています
- 複雑なレイアウトを使用しない — スクリーンショットはシンプルで焦点の絞られたコンテンツカラムを示しています
- 避ける: おちゃらけたあるいはカジュアルな言葉遣い
- 避ける: 不必要に複雑な専門用語
- 避ける: 不必要な装飾
11
System Prompt
Heightは、従来のプロジェクト管理ツールに対してクリーンで効率的な代替としてポジショニングされた、AIネイティブのタスク管理プラットフォームです。ビジュアルデザインは、アクセントカラーを一切使用せず、純白（#FFFFFF）に純黒（#000000）を使用したハイコントラストのモノクローマティックパレットに厳密に依存しています。タイポグラフィは驚くべきことに、典型的なSaaSのサンセリフの選択ではなく、16px、ウェイト400のトランジショナル・セリフのフォントカテゴリーを採用しています。重要なデザイン制約には、カラフルなアクセントやグラデーションの完全な禁止、サンセリフタイポグラフィの禁止、装飾的なシャドウや角丸の禁止が含まれます。すべてのインタラクションを'transition: all'でスムーズに保ち、全体を通して鋭い幾何学的なボーダーを維持します。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko