厳選・オープン・無料

Daily

グローバルなリアルタイム通信プラットフォームのためのミニマルなモノクロームインターフェース。

01

デザイン DNA

クリーンで開発者中心の美学を持つ産業グレードのインフラプロバイダー。

02

カラー

高コントラストとニュートラルグレーを通じてコンテンツの明瞭さに焦点を当てた厳格なモノクロームパレット。

03

タイポグラフィ

humanist-sans · monospace

• display48px · 500
• headline36px · 500
• subhead20px · 400
• body16px · 400
• label14px · 400
• stat36px · 500

見出しと本文にはDM Sans（ヒューマニストサンス）を使用。 · UIラベル、ナビゲーション項目、技術的な呼び出しにはDM Monoを使用。 · 大きな見出しにはタイトな文字間隔、大文字ラベルには緩い文字間隔（0.7px）を維持。

04

余白

標準的な4pxベースと、主要コンテンツセクション間の十分な垂直間隔（48px-96px）。

05

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

1px solid #E5E7EB

0px 4px 6px -4px rgba(0,0,0,0.1) · 0px 10px 15px -3px rgba(0,0,0,0.1)

06

レイアウト

テキストを左に、最小限のグラフィックを右に配置した非対称ヒーロー。統計データには構造化されたグリッド。

07

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

標準的なUIインタラクションのための、滑らかな不透明度とトランスフォーム遷移。 · コンテンツ表示のための、微細なフェードインとスライドアップ効果。

インタラクティブ要素のための、標準的なカラーと背景の遷移（0.15s）。 · 重いスケーリングや複雑なアニメーションなしの、即座のビジュアルフィードバック。

08

コンポーネント

• button 白地に黒の背景を持つ実線スタイル、または四角いビュレット付きのゴーストスタイルのモノクロームボタン。
• card 微細な水平線で区切られた、ボーダレスのクリーンなコンテンツブロック。
• chip モノスペースフォントの大文字テキストラベル。[PLATFORM] のように括弧で囲む。
• input ミニマルで、プライマリビューでは目立っては使用されない。
• hero 簡潔なサブヘッドラインとプライマリアクションボタンを持つ、大きく太字のヘッドライン。

09

文体と禁止事項

• トーン 技術的で、権威があり、正確。
• 見出し 直接的で記述的。規模と能力に焦点。
• CTA 'START BUILDING' や 'LEARN MORE' のような、アクション指向。

• 鮮やかなアクセントカラーを使用しない — スクリーンショットは厳格なモノクロームパレットを示している。
• 装飾的なセリフフォントを使用しない — スクリーンショットはヒューマニストサンスとモノスペースのカテゴリのみを示している。
• 角丸のフレンドリーなカードスタイルを使用しない — スクリーンショットは鋭角またはわずかな角丸（4px）とハードな区切りを示している。
• 密集したぎゅうぎゅう詰めのレイアウトを使用しない — スクリーンショットはセクション間の十分な余白（48px-96px）を示している。
• 非公式でカジュアルな言葉遣いを使用しない — スクリーンショットは 'WebRTC infrastructure' のような正確な技術用語を使用している。
• 複雑で煩雑な背景パターンを使用しない — スクリーンショットは無地の近白色（#FCFCFC）の背景を使用している。
• 避ける: 過度なマーケティング用語
• 避ける: 複雑な文章構造
• 避ける: 技術的裏付けのない曖昧な主張

10

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

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

11

System Prompt

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