厳選・オープン・無料

Emmabackman

厳格なグリッドと極度の抑制に依存し、プロフェッショナルな威厳を伝える、ハイパーミニマルなタイポグラフィのみのポートフォリオレイアウト。

01

デザイン DNA

白いラベルテキストを持つ、厳格な黒のギャラリー。

02

カラー

純黒と純白の間の最大コントラストと、二次要素のための構造化された透過性。

03

タイポグラフィ

grotesque-sans

• body16px · 400
• bodySmall14px · 400

タイポグラフィは400ウエイトの標準的なジオメトリ/グロテスクサンスに設定。 · 行間を極端に詰め、denseでコンパクトなテキストブロックを創出。 · 装飾的なスタイル、イタリック、またはボールドウエイトは使用せず、階層は位置と密度で確立。

04

余白

paddingとガターに一貫して適用される厳格な4px基本単位。

05

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

rgba(255, 255, 255, 0.4)を使用した1pxの実線で、垂直カラムを分割。

06

レイアウト

垂直白い区切り線で定義された厳格なマルチカラムグリッドレイアウト（デスクトップで通常6から8カラム）。

07

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

すべてのインタラクティブな状態に、均一な0.35秒のトランジションを全体に適用。

テキスト要素の微妙なopacityまたは色の変化。標準の0.35秒のトランジションで管理。 · バウスや誇張されたフィードバックなしの、即時状態変化。

08

コンポーネント

• button 10px 12pxのpaddingと0.35秒のトランジションを持つ、テキストのみのインタラクティブ要素。
• card コンテナや背景のない、テキストのみのリスト項目。
• hero 画像なしの、純粋にタイポグラフィのみのテキストヒーローセクション。

09

文体と禁止事項

• トーン 客観的、アーカイバル、かつ厳格にプロフェッショナル。
• 見出し 直接的、飾りのない、機能的な命名。
• CTA ボタン、ボーダー、背景塗りつぶしなしのプレーンテキストリンク。

• カラーアクセントを使わない — スクリーンショットは厳格なモノクロの黒白パレットを示している。
• ドロップシャドウやカードを追加しない — スクリーンショットは完全にフラットで、コンテナのないリスト構造を示している。
• セリフフォントを使わない — スクリーンショットは純粋なサンスの書体を示している。
• ボールドウエイトを使わない — スクリーンショットはすべての要素で均一な400フォントウエイトを示している。
• 大きなスペーシングを使わない — スクリーンショットは極端に tight な行間と小さなpaddingを示している。
• 装飾的なボーダーを使わない — スクリーンショットは単純な1ピクセルの垂直区切り線のみを示している。
• 避ける: 感嘆符
• 避ける: 絵文字
• 避ける: マーケティング用語
• 避ける: 視覚的な雑然

11

System Prompt

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