厳選・オープン・無料

Doppler

エンジニアリングチームのためのセキュアなシークレット管理

01

デザイン DNA

デジタルシークレットの要塞化された金庫

02

カラー

ダーク背景に高コントラストのネオン、微妙なパープルグラデーション

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display56px · 500
• display-sm32px · 500
• body16px · 400

見出しには幾何学的sans-serifを使用 · 本文テキストにはヒューマニストsans-serifを使用 · 大型表示テキストには tight な文字間隔を維持

04

余白

8pxグリッドシステム、32pxベースの増分

05

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

1px solid rgba(255, 255, 255, 0.08)

0 4px 12px rgba(0, 0, 0, 0.15) · 0 8px 24px rgba(0, 0, 0, 0.2)

06

レイアウト

中央配置コンテンツを持つ全幅ヒーロー、2カラムのフィーチャーセクション

07

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

インタラクティブ要素上の滑らかなカラートランジション · フォーカス状態のための微妙なトランスフォームアニメーション · ヒーローセクションのグラデーションフロー

0.3秒の持続時間を持つカラートランジション · 微妙なスケールまたは不透明度の変化

08

コンポーネント

• button ソリッドネオングリーン（#00F575）にダークテキスト、角丸、hover状態
• card 微妙なボーダーと角丸を持つダークガラスペネル
• chip 角丸を持つ小さなステータスインジケーター
• input 微妙なボーダーを持つダーク背景、検索機能
• hero フローティングUIモックアップと太字ヘッドラインを持つ大型グラデーション背景

09

文体と禁止事項

• トーン 自信があり技術的、セキュリティ重視
• 見出し セキュリティに関する直接的、行動指向のステートメント
• CTA グリーンアクセントボタンを持つ明確な価値提案

• 明るい背景を使用しない — スクリーンショットはダークパープル/ブラックテーマを示している
• 複数のアクセントカラーを使用しない — スクリーンショットは単一のネオングリーンアクセントを示している
• セリフフォントを使用しない — スクリーンショットは幾何学/ヒューマニストsans-serifフォントを示している
• 小さく詰まったスペーシングを使用しない — スクリーンショットはゆったりとしたパディング（32-70px）を示している
• シャープな角を使用しない — スクリーンショットは角丸（8-20px radius）を示している
• くすんだ低コントラストのカラーを使用しない — スクリーンショットはダーク背景の高コントラストネオンを示している
• 避ける: 過度にカジュアルな言葉遣い
• 避ける: 一般的な企業的表現
• 避ける: 恐怖を煽る表現

10

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

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

11

System Prompt

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