厳選・オープン・無料

Infisical

任意のスタックでシークレット、証明書、AIエージェントを安全に管理するためのオールインワンプラットフォーム。

01

デザイン DNA

インフラを保護するためのクリーンで高精度なユーティリティ

02

カラー

クールグレーからニアブラックへのモノクロームスケール。明確さとフォーカスを強調します。

03

タイポグラフィ

transitional-serif · monospace

• display48px · 400
• body16px · 400
• small14px · 400

すべてのディスプレイおよび本文テキストに 'alliance' を使用し、一貫したエレガントなタイポグラフィの声を維持します。 · 48px、24px、16px、14pxを主な段階とする厳格なタイポグラフィスケールを維持します。 · 最適な可読性のために、行の高さを一貫して1.5（16pxテキストの場合は24px）に設定します。

04

余白

4pxグリッドに基づく一貫したスペーシング。コンテンツをフレーム化し、冷静さと精度の感覚を生み出すための十分なホワイトスペース。

05

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

#E5E7EBまたは#CC00CEを使用した薄い1pxの実線ボーダー。微細な分離を実現します。

0 1px 3px rgba(0, 0, 0, 0.1)

06

レイアウト

十分なパディングと明確な視覚的階層を備えた、クリーンで中央揃えのグリッドシステム。

07

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

ホバーステート上の滑らかなカラーおよびbackground-colorトランジション。 · ページセクションとモーダルの微細なフェードイン効果。

テキストリンクのカラー変更とボタンのbackground-colorトランジション。 · 即座のフィードバックを伴う標準的なボタンおよびリンククリック動作。

08

コンポーネント

• button プライマリアクションにはソリッドブラックボタン、セカンダリアクションには黒枠のホワイトボタン、シンプルなテキストリンクには矢印付き。
• card 微細なシャドウと十分な内部パディングを備えた、クリーンでボーダー付きカード。
• chip 最小限のスタイリングを施したシンプルなボーダー付きバッジまたはラベル。
• input 明確なラベルとプレースホルダーを備えた、クリーンでボーダー付きインプットフィールド。
• hero 明確なCTAとサポートビジュアルを備えた、大型の中央揃えタイポグラフィヒーロー。

09

文体と禁止事項

• トーン プロフェッショナルで、自信に満ち、安心感を与える。
• 見出し 価値を明確に伝える、直接的でベネフィット志向のステートメント。
• CTA アクション指向で明確。例：「デモを取得」「スタートする」。

• 明るく彩度の高いアクセントカラーを使用しない — スクリーンショットはグレーと黒のモノクロームパレットを示しています。
• 装飾的で丸みのあるフォントを使用しない — スクリーンショットはクリーンなトランジショナルセリフ字体を示しています。
• 複雑で忙しいレイアウトを作成しない — スクリーンショットはクリーンで中央揃えの単一カラム構造を示しています。
• 重いドロップシャドウや3D効果を使用しない — スクリーンショットは微細なボーダーを備えた最小限のフラットデザインを示しています。
• 複数色のボタンや要素を使用しない — スクリーンショットは主に黒、白、グレーのUIコンポーネントを示しています。
• 大きな色のブロックやグラデーションを使用しない — スクリーンショットは主にホワイトとライトグレーの背景を示しています。
• 避ける: 過度にカジュアルまたはスラングな言葉は避ける。
• 避ける: 説明なしの専門用語は避ける。
• 避ける: 曖昧またはあいまいな主張は避ける。

10

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

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

11

System Prompt

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