厳選・オープン・無料

Lens

オンチェーンの文化とコミュニティのための基盤となるソーシャルレイヤー。

01

デザイン DNA

分散型ウェブ向けの、クリーンでインフラストラクチャ志向のソーシャルプロトコル。

02

カラー

モノクロムの基盤に高コントラストの黒と白を用い、カラフルなイメージでアクセントとする。

03

タイポグラフィ

geometric-sans · humanist-sans · sfmono

• display56px · 500
• body16px · 400
• caption14px · 400

04

余白

レイアウトとコンポーネント間のスペーシング全体で、一貫した4pxのベースグリッドを使用。

05

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

1px solid rgba(55, 55, 55, 0.4)

rgba(0, 0, 0, 0.05) 0px 0px 0px 1px · rgba(44, 45, 48, 0.08) 0px 10px 24px 0px · rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

06

レイアウト

コンテンツ用の中央揃え、単一カラムレイアウト。エコシステムショーケースには広いコンテナを使用。

07

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

トランジションのフェードイン／フェードアウト · インタラクティブ要素の控えめなホバーステート

控えめな透明度の変化やカラートランジション · 最小限の視覚的フィードバックによる即時応答

08

コンポーネント

• button 角丸のピル型ボタン。プライマリ（黒）とセカンダリ（ボーダー付き白）のバリアント間で高いコントラストを実現。
• card 控えめなボーダーやシャドウを用いたクリーンなカード。明瞭なタイポグラフィとアクションボタンを配置。
• chip タグやステータスインジケーターに使用する小さな角丸ピル。
• input 控えめなボーダーを備えたクリーンなテキストインプット。
• hero 大きなディスプレイヘッドライン、サポートテキスト、および2つのプライマリアクションを配置した中央揃えのヒーローセクション。

09

文体と禁止事項

• トーン 自信に満ち、明瞭で、技術的志向。
• 見出し 製品の機能に関する大胆で簡潔な表明。
• CTA 明確な価値提案を備えた、直接的でアクション志向。

• 複雑なグラデーションは使用しない — スクリーンショットではフラットカラーと控えめなシャドウが使われている
• 装飾的なイラストは使用しない — スクリーンショットでは実際の製品モックアップがフォン内で使われている
• 複数のアクセントカラーは使用しない — スクリーンショットではモノクロムパレットにカラフルなイメージが使われている
• 重いドロップシャドウは使用しない — スクリーンショットでは控えめな1pxボーダーとソフトシャドウが使われている
• コンデンスタイポグラフィは使用しない — スクリーンショットではオープンで読みやすいサンセリフフォントが使われている
• 雑然としたナビゲーションは使用しない — スクリーンショットではアイテム数の少ないクリーンでミニマルなトップナビゲーションが使われている
• 避ける: 文脈のない過度に技術的な専門用語
• 避ける: 攻撃的なセールス言語
• 避ける: 曖昧な約束

10

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

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

11

System Prompt

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