厳選・オープン・無料

Inngest

あらゆるコードをデフォルトで耐久性のあるものに。

01

デザイン DNA

障害なく実行する必要があるコードのための、信頼性の高い産業品質プラットフォーム。

02

カラー

ダークで高コントラストなテーマ。温みのあるストーンニュートラルを基調に、プライマリアクションには単一のゴールデンアクセントを採用。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display60px · 500
• body16px · 400

ディスプレイタイプは、最大のインパクトのために-2pxのタイトな文字間隔を使用。 · 本文コピーは、ダーク背景での最適な可読性のために標準の16pxで設定。 · プライマリブランドフォントは、クリーンな幾何学系サンセリフ体。

04

余白

一貫した4pxグリッドシステムを採用し、セクション間に十分な余白を確保。

05

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

鋭いコントラストを避けつつエッジを定義するために、rgba(168, 162, 158, 0.2)の控えめな1pxボーダーを使用。

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

06

レイアウト

コンテンツを中央揃えにし、十分な垂直方向の余白と明確な視覚的階層構造を実現するレイアウト。

07

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

ホバー時の控えめな色と背景のトランジション。 · インタラクティブ要素への変形アニメーション。

ボタンやリンクの背景色や不透明度に控えめな変化を付与。 · 変形や不透明度の変化による即座の視覚フィードバック。

08

コンポーネント

• button プライマリはゴールデンアクセントにダークテキストを使用。セカンダリは透明な背景にホワイトボーダーを使用。
• card ダークコンテナ（bgSoft/bgQuiet）を使用し、控えめなボーダーと少しのパディングを適用。
• chip タグやラベルとして使用され、控えめなボーダーやミュートされた背景がよく用いられる。
• input 控えめなボーダーとフォーカス状態を備えた、クリーンでミニマルな入力フィールド。
• hero 大胆なタイポグラフィを抽象的な幾何学模様の背景パターンと組み合わせる。

09

文体と禁止事項

• トーン 自信に満ち、技術的で、信頼性に焦点を当てる。
• 見出し 短く、的確で、メリット重視（例：「あらゆるコードをデフォルトで耐久性のあるものに」）。
• CTA 直接的でアクション重視（例：「無料でビルドを開始する」「デモを获取する」）。

• 明るいネオンカラーを使用しない — スクリーンショットではミュートされたストーン色调とゴールデン色调が使われている。
• 幅広で装飾的なタイポグラフィを使用しない — スクリーンショットではタイトな幾何学系サンセリフのヘッドラインが使われている。
• 重いシャドウやグラスモーフィズムを使用しない — スクリーンショットでは控えめでフラットな、ボーダーベースの奥行きが使われている。
• 背景に純黒（#000000）を使用しない — スクリーンショットでは温みのあるオフブラック（#0C0A09）が使われている。
• プライマリボタンに丸みのあるピル形状を使用しない — スクリーンショットでは鋭い4px角が使われている。
• 複数の競合するアクセントカラーを使用しない — スクリーンショットでは単一の主要なゴールデンアクセントが使われている。
• 避ける: 過度にカジュアルまたは遊び心のある言葉遣いを避ける。
• 避ける: 曖昧なマーケティング用語を避ける。
• 避ける: 文脈のない複雑な専門用語を避ける。

10

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

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

11

System Prompt

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