厳選・オープン・無料

Weaviate

ベクトル検索、RAG、メモリを使用して完全なAI体験を構築するためのオープンソースプラットフォーム。

01

デザイン DNA

次世代のAIアプリケーションを構築する開発者向けの、スタイリッシュでダークテーマのコックピット。

02

カラー

ダークなベースに鮮やかなティールのアクセントを加え、技術的な精密さと現代性を強調。

03

タイポグラフィ

transitional-serif · humanist-sans · monospace

• display56px · 400

本文テキストには Plus Jakarta Sans を使用し、技術的な明瞭さを確保。 · UI要素とナビゲーションには Inter を使用。 · コードスニペットにはモノスペースフォントを使用し、開発者中心の印象を維持。 · 過度に装飾的または遊び心のある書体は避ける。

04

余白

一貫した4pxベースグリッドを維持し、余白と明瞭さのために適切な余白を確保。

05

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

セクションを分離するための、rgba(255, 255, 255, 0.1)を使用した繊細な1pxボーダー。

rgba(0, 0, 0, 0.16) 0px 20px 60px 0px · rgba(0, 0, 0, 0.22) 0px 10px 40px 0px · rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset

06

レイアウト

コンテンツを中央に配置し、適切な垂直リズムを持つ、標準的なグリッドベースのレイアウト。

07

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

インタラクティブ要素の滑らかな色と背景のトランジション。 · コンテンツ出現時の繊細なフェードイン。

ボタンやリンクの繊細な色の変化と背景の変更。 · 速度を優先した、最小限のビジュアルフィードバック。

08

コンポーネント

• button 2トーンのプライマリボタン（ソリッドティールまたはティールボーダーの白）と、ゴーストのセカンダリボタン。
• card 繊細なボーダーとインセットシャドウを持つ、ダークで角丸のカード。重層的でプロフェッシャルな外観。
• chip 「NEW」や「TRUSTED BY AI TEAMS」のような、繊細な背景を持つ小さな大文字ラベル。
• input 繊細なボーダーと角丸を持つ、クリーンでダークテーマの入力フィールド。
• hero 顕著な3Dアブストラクトビジュアルと大胆なセリフ書体タイポグラフィを持つ、フルワイドダークヒーロー。

09

文体と禁止事項

• トーン テクニカルで、権威があり、かつエンパワリング。
• 見出し 直接的で、アクション指向かつ大胆。
• CTA 「Start building」や「Try now」のような明確で実行可能な動詞。

• ライトまたはホワイトの背景を使用しない — スクリーンショットはダークモードのインターフェースを示している。
• 遊び心のある角丸サンセリフフォントを使用しない — スクリーンショットは見出しにトランジショナルセリフ、本文にヒューマンサンセリフが混在している。
• 単一の支配的な高彩度アクセントカラーを使用しない — スクリーンショットはティールをプライマリアクセントとしているが、グラデーションと3Dビジュアルも統合している。
• 見出しに細いまたは軽いウェイトのフォントを使用しない — スクリーンショットはインパクトのためにボールドまたはミディアムウェイトを示している。
• 過度なボーダーまたは太いアウトラインを使用しない — スクリーンショットは繊細で低不透明度のボーダーを示している。
• 標準的で雑然としたグリッドを使用しない — スクリーンショットは適切な余白を持つゆったりとしたレイアウトを示している。
• 避ける: 過度にカジュアルまたはスラングの多い言葉遣い。
• 避ける: 技術的な実体のない曖昧なマーケティング buzzword。
• 避ける: 感嘆符の過剰な使用。

10

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

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

11

System Prompt

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