厳選・オープン・無料

Look Inc

ジャーナリズムのルーツを持つ、従来とは異なるクリエイティブな視点を提供するエージェンシー。

01

デザイン DNA

エージェンシーポートフォリオ向けの、ハイエンドファッションやカルチャー雑誌のレイアウト。

02

カラー

ポートフォリオ作品の写真を優先する、高コントラストのモノクローム。

03

タイポグラフィ

transitional-serif · geometric-sans

• display56px · 400
• h238px · 700
• body20px · 400
• caption14px · 400

メインのナラティブテキストには、ジャーナリスティックな雰囲気を醸し出すため、トランジショナルセリフを使用します。 · ケーススタディタイトルには対照を生むために、太字のジオメトリックサンズを使用します。 · 洗練されたエディトリアルトーンのため、フォントウェイトは主にレギュラー（400）に留めます。

04

余白

広めの垂直パディングが、コンテンツブロック間にリラックスしたエディトリアルなリズムを作り出します。

05

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

細くシャープな水平線（1px solid rgba(0,0,0,0.85)）でセクションとグリッドアイテムを区切ります。

06

レイアウト

注目作品向けに非対称なカラムスパンを使用した、グリッドベースのポートフォリオレイアウト。

07

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

インタラクティブ要素の滑らかなカラーおよびバックグラウンドトランジション。 · 高級感を維持するための、滑らかなページトランジション。

標準ポインターカーソル。テキストリンクの微細なカラーまたはアンダーライントランジション。 · 詳細なケーススタディページへの即時ナビゲーション。

08

コンポーネント

• button ホバー時にシンプルなアンダーラインが付く、テキストのみのリンク。
• card 可见なコンテナではなく、画像とタイポグラフィで定義されるミニマルなプロジェクトカード。
• chip 見えていない。テキスト階層に依存。
• input 見えていない。純粋なポートフォリオショーケース。
• hero 大きなタイポグラフィトリートメントと簡潔なブランドステートメントを持つ、2カラムのエディトリアルレイアウト。

09

文体と禁止事項

• トーン 洗練された、控えめで、権威のある。
• 見出し 短く、パンチがあり、しばしばスタイリッシュ（例：反転した'Look'）。
• CTA ミニマルで直接的。コンテンツの探索に焦点を当てる。

• 重いドロップシャドウやぼかし背景を使わない — スクリーンショットはフラットで鮮明な画像表現を示しています。
• 明るく、彩度の高いネオン色のアクセントカラーを使わない — スクリーンショットは厳格なモノクロームパレットと、画像によるカラー使用を示しています。
• ふわふわとしたまたは丸みのあるUIを使わない — スクリーンショットはシャープな角と真っ直ぐで細い区切り線を示しています。
• 遊び心のある、スクリプト体、または装飾的なフォントを使わない — スクリーンショットはトランジショナルセリフとジオメトリックサンズの明確なミックスを示しています。
• 複雑な多層グラデーションを使わない — スクリーンショットは純白の背景と画像内のフラットなカラーブロックを示しています。
• 多くのUIコントロールでインターフェースを雑踏させない — スクリーンショットはミニマルなトップナビゲーションとコンテンツへの焦点を示しています。
• 避ける: 派手な、ネオン色の、または過度に彩度の高いカラーパレット
• 避ける: 重いドロップシャドウや柔らかく丸みのあるUI要素
• 避ける: 息継ぎのない、密集したレイアウト
• 避ける: アグレッシブで緊急性のあるマーケティングコピー

10

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

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

11

System Prompt

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