厳選・オープン・無料

Informed

エディトリアル、PR、およびマーケティングチームのコンテンツ制作を自動化するAIコンテンツパイロット。

01

デザイン DNA

重労働を処理する、フレンドリーでありながら効率的なAIコンテンツインターン。

02

カラー

強調とアクションのために、鮮やかで高彩度のグリーンアクセントを採用したクリーンなホワイトベースのパレット。

03

タイポグラフィ

humanist-sans

• display69px · 400
• display-sm28px · 400
• body17px · 400
• body-sm20px · 400

04

余白

単一カラムを中心に、異なるコンテンツブロックを分ける豊かな垂直パディング。

05

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

1px solid rgb(0, 0, 0)

0px 8.67px 26px 0px rgba(0, 0, 0, 0.08) · 0px 26px 52px 0px rgba(0, 0, 0, 0.08)

06

レイアウト

豊かなホワイトスペースと明確なフルワイド背景セクションを備えた、センタリングされた単一カラムレイアウト。

07

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

インタラクティブ要素のカラー、background-color、border-colorのためのスムーズな0.25秒トランジション。 · レイアウトシフトのための微妙な0.5秒トランスフォームトランジション。

スムーズな0.25秒トランジションによる、微妙なbackground-colorまたはopacityの変化。 · 標準的なアクティブステートによる即座のビジュアルフィードバック。

08

コンポーネント

• button 鮮やかなグリーン背景に白文字のピル型ソリッドボタン、柔らかいドロップシャドウ付き。
• card 微妙なシャドウを備えた角丸コンテナ。選択を示すために、目立つ4pxのソリッドグリーンボーダーが付く場合がある。
• chip 分類に使用される、ソリッドグリーン背景と白文字のピル型タグ。
• input 標準的なUI規則に基づき、ボーダー付きのシンプルなテキストフィールド（暗示）。
• hero サブヘッドラインと顕著なコール・トゥ・アクションボタンの上に、センタリングされた大きくタイトな字間の見出し。

09

文体と禁止事項

• トーン プロフェッショナルで、前向きかつ率直。
• 見出し 価値提案に焦点を当てた、-bold、-tight-tracking、lowercaseまたはsentence-caseのステートメント。
• CTA 「試してみる」「プランを選択」のような直接的でアクション指向のフレーズ。

• セリフ書体を使用しない — スクリーンショットでは、すべてのテキスト要素にクリーンなhumanist-sans-serifフォントが排他的に使用されています。
• ダークモードや暗い背景を使用しない — スクリーンショットでは、主にホワイトとライトグレーの背景が使用されています。
• 多彩なカラーパレットを使用しない — パレットは厳密にホワイト、ブラック、グレー、および1つの鮮やかなグリーンアクセントに限定されています。
• 鋭利な90度のコーナーを使用しない — スクリーンショットでは、より柔らかな見た目のために、大きなborder-radius値（最大43px）が一貫して適用されています。
• 密度の高いマルチカラムレイアウトを使用しない — スクリーンショットでは、厳密に単一カラムで、垂直にスタックされ、センタリングされたレイアウトが示されています。
• 重いドロップシャドウを使用しない — スクリーンショットでは、深度のための非常に微妙で軽いドロップシャドウが使用されています。
• 避ける: 過度に複雑な専門用語
• 避ける: アグレッシブな販売言語
• 避ける: 密度の高い段落

10

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

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

11

System Prompt

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