厳選・オープン・無料

Alchemy

一流フィンテック企業に信頼される、包括的なブロックチェーンデベロッパープラットフォーム。

01

デザイン DNA

ブロックチェーン経済のための信頼できるデジタル配管。

02

カラー

クリーンで高コントラストなサーフェスと、プライマリアクションのための鮮やかなブルーアクセント。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display56px · 500
• h140px · 500
• body16px · 400
• caption12px · 400

见出しと大きな強調にはディスプレイフォント（ppNeue）を使用 · 段落とUI要素には本文フォント（Public Sans）を使用 · コードブロックにはモノフォント（Roboto Mono）を使用

04

余白

ヒーローセクションに広めのpaddingを備えた、一貫した4pxベースグリッド。

05

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

1px solid #E2E8F0

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

06

レイアウト

コンテンツの周りに広めのホワイトスペースを備えた、中央揃えコンテナ。

07

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

スクロール時の要素の滑らかなフェードイン · ボタンやカードの繊細なhover状態

インタラクティブ要素の繊細な色の変化やスケールの変更。 · 押下時の即座のビジュアルフィードバック。

08

コンポーネント

• button プライマリアクション用の、ソリッドブルー背景に白テキストの角丸ピル形状。
• card 繊細なボーダーや柔らかなシャドウを備えた、クリーンな白いカード。
• chip 'Devtools' カテゴリなどの、角丸の小さなラベル。
• input 標準的なテキストインプット。繊細なボーダー付き。
• hero 左揃えの大きなテキストと、右側の補足イラスト。

09

文体と禁止事項

• トーン プロフェッショナルで権威があり、デベロッパー中心のトーン。
• 見出し 太字で簡潔、ベネフィット重視。
• CTA 直接的でアクション指向（例：「APIキーを取得」）。

• 装飾的なスクリプト字体を使用しない — スクリーンショットはクリーンな幾何学的サンセリフを示している
• 雑然としたレイアウトにしない — スクリーンショットは広めのホワイトスペースを示している
• 複雑なグラデーションを使用しない — スクリーンショットはソリッドカラーと繊細な背景色調を使用している
• 読みにくい小さなテキストを使用しない — スクリーンショットは高い可読性を維持している
• プライマリアクションを隠さない — スクリーンショットはCTAを明確に強調している
• 過度な色の多様性を使わない — スクリーンショットは限定的なパレットに留めている
• 避ける: 過度にカジュアルなスラング
• 避ける: 説明のない技術用語
• 避ける: 受動態

10

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

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

11

System Prompt

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