厳選・オープン・無料

Bpowell

太字のタイポグラフィと極度の余白に駆動するミニマルなポートフォリオ。

01

デザイン DNA

ハイエンドなデザインモノグラフ

02

カラー

深黒のテキストと純白の空間のコントラストに依存する厳格なモノクロームパレット

03

タイポグラフィ

grotesque-sans

• display86px · 500
• body26px · 500

ディスプレイサイズでの tight な文字間隔（カーニング） · 主要な強調には Medium ウェイトを使用 · ヘッダーと本文の間の高コントラストなサイズジャンプ

04

余白

非対称。コンテンツセクションを分離するために大きなネガティブスペースブロックを使用

05

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

プライマリサーフェスには使用なし。インタラクティブリンクには2px solid ボーダーが表示

06

レイアウト

マルチカラムヘッダーと大きなシングルカラムコンテンツブロックを持つ非対称グリッド

07

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

すべての要素に、滑らかな状態変化のためのCSSトランジションが適用されている

テキストリンクの微細なopacityまたはカラー変化 · 即座のナビゲーショントランジション

08

コンポーネント

• button 2pxのボトムボーダーとポインターカーソルを持つテキストのみリンク
• card なし
• chip なし
• input なし
• hero tight な行間とネガティブトラッキングを持つ、オーバーサイズのタイポグラフィプロジェクトリスト

09

文体と禁止事項

• トーン 静かに自信に満ち、専門的で洗練された
• 見出し ミニマル。装飾要素なしでスケールとタイポグラフィのみに完全に依存
• CTA 控えめ。微細な下線を持つシンプルなテキストリンクを活用

• ドロップシャドウを使用しない — スクリーンショットはフラットで影のないサーフェスを示している
• マルチカラーパレットを使用しない — スクリーンショットは厳格にモノクロームの白黒を示している
• コンテナに角丸を使用しない — スクリーンショットは鋭く四角いエッジを示している
• メインコンテンツに中央揃えのテキスト配置を使用しない — スクリーンショットは左揃えのタイポグラフィを示している
• 装飾的なセリフフォントを使用しない — スクリーンショットは厳格にサンセリフのタイポグラフィを示している
• 小さく控えめなディスプレイテキストを使用しない — スクリーンショットは巨大で支配的な見出しを示している
• 避ける: カラフルなアクセント
• 避ける: ドロップシャドウ
• 避ける: 複雑なグラデーション
• 避ける: 丸みのあるコンテナ
• 避ける: イラストレーション
• 避ける: 雑然としたレイアウト

10

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

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

11

System Prompt

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