厳選・オープン・無料

Ethereum

イーサリアム・エコシステムのための、冷静で教育的なハブ。

01

デザイン DNA

分散型ネットワークのための、クリーンで説明的なパブリック・ユーティリティ・ポータル。

02

カラー

パープルのアクセントとソフトなグレースケール階層を用いた、ホワイトを基調としたレイアウト。

03

タイポグラフィ

humanist-sans · mono

• display56px · 900

04

余白

1.6倍数

05

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

1px solid rgba(207, 207, 207, 1)

0 1px 1px 0 rgba(0, 0, 0, 0.1)

06

レイアウト

フルワイドのヒーロー画像、その下にセンタリングされたテキストコンテンツ。

07

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

ホバー時のカラー遷移 · インタラクティブ要素のトランスフォーム/スケール

インタラクティブ要素のカラー遷移。 · トランスフォームによる視覚的フィードバック。

08

コンポーネント

• button 白文字のパープル色ピル形状ボタン。
• card 角丸でソフトなシャドウを持つ、ボーダー付きのライトカード。
• chip ピル形状のタブセレクター。
• input アイコンとキーボードショートカットを備えた検索バー。
• hero センタリングされた太字ヘッドラインを持つ、フルワイドのイラストレーション。

09

文体と禁止事項

• トーン 教育的、親しみやすく、権威のあるトーン。
• 見出し 太字で、断定的、かつユーザー中心的。
• CTA 直接的で、鼓舞するようなもの（例：「ここから始めましょう」）。

• ダークモードを使用しない — スクリーンショットでは、主にホワイトの背景が示されている。
• 高コントラストのネオンカラーを使用しない — スクリーンショットでは、ソフトなパープルアクセント（#6C24E0）が示されている。
• 見出しにセリフフォントを使用しない — スクリーンショットでは、太字のhumanist-sansフォントが示されている。
• 重いドロップシャドウを使用しない — スクリーンショットでは、最小限のソフトシャドウが示されている。
• 詰まった、密集したレイアウトを使用しない — スクリーンショットでは、十分な余白とクリーンなリズムが示されている。
• 装飾的なボーダーを使用しない — スクリーンショットでは、微細な1pxボーダーが使用されている。
• 避ける: 技術用語
• 避ける: 複雑さ
• 避ける: ダークテーマ
• 避ける: アグレッシブなマーケティング

10

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

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

11

System Prompt

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