厳選・オープン・無料

Block

フィンテックおよびクリエイティブ・エコシステムのための、プレミアムな超ミニマリスト企業ポータル。

01

デザイン DNA

静寂で広大な、金融およびクリエイティブツールのライブラリ。

02

カラー

暖色系オフホワイトのキャンバスにダークインクを用いた、極度の抑制。

03

タイポグラフィ

humanist-sans · monospace

• display30px · 400
• nav12px · 400

すべてのナビゲーションおよびセカンダリリンクは、1pxの文字間隔を伴う大文字表記 · ヒーローテキストは標準の400ウェイトを使用し、太字にはしない · 本文テキストはデフォルトで16px、 tightened な16.8pxの行間

04

余白

コンテナ分離のための大きな100px水平パディングを伴う、柔軟なスペーシング。

05

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

構造的な分離のために控えめに使用される、最小限の1px solid黒線。

06

レイアウト

ヒーロー部分のための、高度にシンメトリーで中央揃えの単一カラム・レイアウト。

07

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

ヒーロー要素の段階的な表示のための透明度フェードイン

ナビゲーションリンクにおけるシンプルな透明度トランジション。 · 標準のポインターカーソルインタラクション。

08

コンポーネント

• button 視覚的なコンテナを持たない、純粋にテキストベースのナビゲーションリンク。
• card 視覚的なカードは存在せず、レイアウトはフラットで、端から端または中央揃えのテキストに依存。
• chip 存在しない。
• input ヒーローには視覚的に存在しない。
• hero 1つのインパクトのある文の上に配置された、中央揃えの3x3幾何学グリッド・ロゴ。

09

文体と禁止事項

• トーン 自信に満ち、プロフェッショナルで、控えめ。
• 見出し 小文字で、宣言的で、広がりを感じさせる。
• CTA 機能的で情報に基づく。

• ドロップシャドウは使用しない — スクリーンショットは完全にフラットな表面を示している
• ヒーローヘッドラインに大文字は使用しない — スクリーンショットは小文字テキストを示している
• 明るいアクセントカラーは使用しない — スクリーンショットは厳格な黒とオフホワイトのパレットを示している
• 太字ウェイトは使用しない — スクリーンショットはすべてのテキストにわたって均一な400ウェイトを示している
• 角丸コンテナは使用しない — スクリーンショットは厳格な幾何学的な四角形状を示している
• 装飾的なグラデーションは使用しない — スクリーンショットは固体でフラットな塗りつぶし色を示している
• 避ける: 過度な句読点
• 避ける: 派手なコール・トゥ・アクション・ボタン
• 避ける: マーケティング用語

10

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

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

11

System Prompt

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