厳選・オープン・無料

Superlog Sh

本番環境インシデントに対して解決PRを自動生成する、AI駆動の可観測性。

01

デザイン DNA

本番環境のバグを検出し、分析し、自律的に修正する、休むことのないシニアエンジニア。

02

カラー

深いブラックとネアホワイトを使用した高コントラストのダークモード。プライマリアクションには単色のエレクトリックブルーアクセントを採用。

03

タイポグラフィ

humanist-sans · geometric-mono

• display64px · 500
• h148px · 500
• h236px · 600
• body16px · 400
• small13px · 400
• mono14px · 400
• label12px · 500

04

余白

主要セクション間には十分な垂直パディング（32px-66px）を設け、コンポーネント間の間隔は基本となる8pxグリッドで管理。

05

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

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

0px 12px 30px rgba(0,0,0,0.24) · 0px 28px 100px rgba(0,0,0,0.65) · 0px 6px 14px -6px rgba(72,90,226,0.55)

06

レイアウト

ゆったりとしたマージンを持つ中央揃えの単一カラムレイアウト。フィーチャーのショーケースではマルチカラムグリッドへ移行。

07

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

インタラクティブ要素における滑らかな色と背景色のトランジション · ホバーステートにおけるスケールとトランスフォーム効果

滑らかな色の変化とボックスシャドウによる微妙な高さの変化。 · 微妙なスケールトランスフォーム、または即座のビジュアルフィードバック。

08

コンポーネント

• button プライマリボタンは鮮やかなブルーの背景に白いテキスト、丸みのあるピル型角を持つ。ホバー時に微かなグローシャドウを表示。
• card カードは半透明のダークパネルで、細いホワイトボーダーと大きなボーダー半径を持ち、フローティングUI要素やコードプレビューを格納。
• chip バッジやステータスインジケーターは、細いボーダーや控えめな色の背景を持つ、小さな大文字テキストを使用。
• input ターミナルプロンプトUIは、点滅するブルーカーソルと「COPY」アクションボタンを持つ、ダークで丸みのあるコンテナ。
• hero ダークで広がりのあるトップセクション。大きな見出し、控えめなロケット発射の背景画像、およびフローティングするコーディングエージェントのターミナルインターフェースを配置。

09

文体と禁止事項

• トーン 自信に満ち、率直で、技術的に高度。開発者に対して、複雑なエンジニアリング問題の解決について直接語りかける。
• 見出し 短く、インパクトがあり、宣言的なフレーズ（例：「We fix bugs」「No alert fatigue」）。
• CTA アクション重視で分かりやすい（例：「Get started」）。

• 明るく彩度の高いグラデーションは使用しない — スクリーンショットはブルーアクセントを単色に持つモノクロームダークテーマを示している。
• 遊び心のある丸みsans-serifは使用しない — スクリーンショットは構造化されたhumanist sans-serif（Inter）を使用している。
• ライトモードのインターフェースは使用しない — スクリーンショットは専用のダークモードデザインを示している。
• 細くコントラストの低いボーダーは使用しない — スクリーンショットは微かだが視認できる0.07透明度のホワイトボーダーを使用している。
• すべてを中央揃えテキストにしない — スクリーンショットはフィーチャーの説明には左揃えテキスト、ヒーローセクションには中央揃えテキストを使用している。
• 複雑でカラフルなバッジは使用しない — スクリーンショットはシンプルで控えめな大文字ラベルに細いボーダーを使用している。
• 避ける: 曖昧なマーケティング用語
• 避ける: 過度に複雑な文
• 避ける: 受動態
• 避ける: 過度の感嘆符

11

System Prompt

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