厳選・オープン・無料

Designstripe

販売およびマーケティングチームの資産作成を自動化するデザインエージェント。

01

デザイン DNA

AIを駆動とするB2Bチーム向けのモダンデザインスタジオ。

02

カラー

控えめで暖かみのあるニュートラルパレット。ハイコントラストのタイポグラフィを採用し、機能的なハイライトに1つの明るいイエローアクセントを使用。

03

タイポグラフィ

transitional-serif · monospace

• display64px · 400

すべてのUIテキスト、ナビゲーション、段落にモノスペースを使用する。 · インパクトの大きいディスプレイ見出しにはトランジショナル・セリフを予約する。 · 大きなセリフタイプにはタイトなトラッキングを適用する。

04

余白

8pxベースグリッド。クリーンでエディトリアルな印象のため、豊かな余白を確保。

05

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

ボタンおよび構造的な仕切りには、1px solid #000000 または #6D6E5E を使用。

目立つ影なし

06

レイアウト

中央揃えのシングルカラム・エディトリアルレイアウト。広いマージンと重厚な余白。

07

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

インタラクティブ要素における、滑らかなカラーおよびトランスフォームトランジション。

繊細な背景色の変化またはアウトラインのハイライト。 · カラーまたはスケールによる即時のビジュアルフィードバック。

08

コンポーネント

• button ピルシェイプ（カプセル型）。太い黒のアウトラインと大文字のモノスペーステキスト。
• card 透明な背景を持つシンプルなコンテナ。3Dピクセルアートをビジュアルアンカーとして使用。
• chip スラッシュで区切られた小文字の大文字のモノスペースタグ（例：PRODUCT / TEMPLATES）。
• input ミニマル。おそらくモノスペースで、繊細なボーダー付き。
• hero 大きなセリフ見出し、モノスペースのサブテキスト、浮遊する3Dの抽象形状。

09

文体と禁止事項

• トーン プロフェッショナルで率直、かつ権威のある、モダンなフリルが一つか。
• 見出し 簡潔で、メリットを示し、ビジュアル的に重みがある。
• CTA 直接的な命令形（JOIN WAITLIST, LEARN MORE）。大文字のモノスペース。

• グラデーション背景を使用しない — スクリーンショットでは、ソリッドな暖かみのあるニュートラル色が示されている。
• 本文にサンセリフを使用しない — スクリーンショットでは、すべてのUIおよび段落テキストにモノスペースが使用されている。
• プライマリボタンに柔らかく丸みのある角を使用しない — スクリーンショットでは、太いアウトラインを持つピルシェイプボタンが示されている。
• デフォルトでダークモードを使用しない — スクリーンショットでは、明るいオフホワイトの背景が示されている。
• 複数の明るい色を使用しない — スクリーンショットでは、黒、グレー、単一のイエローアクセントからなる制限されたパレットが示されている。
• 重いドロップシャドウを使用しない — スクリーンショットでは、フラットまたは繊細にアウトラインされたコンポーネントが示されている。
• 避ける: 過度にカジュアルまたは遊び心のある言葉遣い。
• 避ける: 文脈のない、濃密で技術的な専門用語。
• 避ける: 明るく、複数のカラフルなグラデーション。
• 避ける: 丸みのある、ふわふわしたUIコンポーネント。
• 避ける: 本文テキストのセリフフォント。
• 避ける: 明るい背景上の低コントラストテキスト。

11

System Prompt

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