厳選・オープン・無料

Cohere

開発者ツールとデータオーナーシップに特化した、クリーンで高品質なAIプラットフォーム。

01

デザイン DNA

企業向けAIのための、クリーンで高品質なテクノロジープラットフォーム。

02

カラー

高コントラストのモノクロームに、階層構造のために控えめなグレーを用い、イラストにはブランド固有のカラーでアクセントを加える。

03

タイポグラフィ

sans-serif · monospace

• display56px · 400
• headline32px · 400
• body16px · 400
• caption14px · 400

ディスプレイフォントは非常に読みやすいサンセリフ体。 · 本文テキストは標準のシステムフォントスタックをフォールバックとして使用。 · コード要素には等幅フォントを使用。

04

余白

豊かな余白と標準の8ptベースのspacing scale。

05

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

1px solid #E5E7EB

0px 4px 6px -1px rgba(0, 0, 0, 0.1)

06

レイアウト

中央揃えコンテナを持つ標準の12カラムグリッド。

07

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

hover状態のスムーズなトランジション。 · コンテンツセクションの控えめなフェードイン。

控えめな色の変化または微小な浮き上がり。 · スケールダウンまたは色の変化。

08

コンポーネント

• button プライマリアクションには角丸ピルシェイプ、クリーンなサンセリフテキスト、高コントラストの背景。
• card 角丸、クリーンなボーダー、控えめなhover状態。
• chip 小型の角丸タグまたはステータスインジケーター。
• input 控えめなボーダーを持つ標準フォームフィールド。
• hero 大きなディスプレイタイプ、クリーンなレイアウト、中央揃えまたは左揃え。

09

文体と禁止事項

• トーン プロフェッショナルで、自信に満ち、ややテクニカルなトーン。
• 見出し 直接的で、力強く、ベネフィット重視。
• CTA アクション重視（例：デモをリクエスト、製品を探索）。

• ドロップシャドウを使用しない — スクリーンショットでは控えめなボーダーを使用したフラットデザインが示されている
• 複雑なグラデーションを使用しない — スクリーンショットではクリーンな白い背景が示されている
• 装飾的なアイコンを使用しない — スクリーンショットでは最小限のアイコン使用が示されている
• 本文テキストに全角大文字を使用しない — スクリーンショットでは標準の文頭大文字が示されている
• 鮮やかなプライマリカラーを背景に使用しない — スクリーンショットでは白地に暗いテキストが示されている
• ヘッドラインにセリフフォントを使用しない — スクリーンショットではクリーンなサンセリフ体が示されている
• 避ける: ジャーニーの過剰使用
• 避ける: 不必要なカジュアルなトーン
• 避ける: 曖昧なフレージング

11

System Prompt

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