厳選・オープン・無料
Daniellelevitt
音楽、アート、ファッション、有名人を記録する表現力豊かな写真エージェンシーのポートフォリオ。
PhotographicStudioAgencyCurationEditorial
01
デザイン DNA
ファッションエディトリアル写真エージェンシーポートレート
ハイエンドなエディトリアル雑誌のデジタルポートフォリオ
02
カラー
#F1B5C2Accent
#392E2BInk
#F9F7F7BG
rgba(57, 46, 43, 1)Line
鮮やかなパステルピンクのアクセントと巨大なタイポグラフィが、清廉なキャンバスと相互作用して鮮やかなエディトリアル写真を框架する、鮮明な高コントラストパレット。
03
タイポグラフィ
grotesque-sans
- display
130px · 800 - headline
72px · 800 - body
29px · 800
すべてのタイポグラフィは極端に太いウェイト(800)に設定 · 文字間隔は常にタイトからネガティブまで · 見出しサイズの行間は極めてタイト
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
重なり合う画像と巨大なタイポグラフィに対応するための、非対称でゆったりとしたリズム
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 50px
ボーダーは不使用。分離はホワイトスペースとタイポグラフィの階層で実現。
06
レイアウト
1920container
12columns
24pxgutter
768 / 1024breakpoints
画像が巨大な背景タイポグラフィと重なり合う、グリッドレスの非対称コラージュ
07
モーションとインタラクション
300msmicro
500mssmall
500msmedium
cubic-bezier(0.65, 0, 0.35, 1)easing
要素がフェードインとスライドインを同時に実行 · メニューオーバーレイが滑らかなcubic-bezierで右からスライドイン
テキストの色が変わる(通常はピンクへ)。滑らかな0.5秒のトランジション。 · ナビゲーションまたはメニューオーバーレイのトランジションをトリガー
08
コンポーネント
- button 背景やボーダーのないテキストベースのナビゲーションリンク
- card ボーダー、シャドウ、コンテナのない写真フレーム
- hero 重なり合うエディトリアル画像と巨大なタイポグラフィによる全幅のコラージュ
09
文体と禁止事項
- トーン 大胆、自信に満ち、非常にビジュアル
- 見出し すべて小文字、タイトなトラッキング、巨大
- CTA 明示的なボタンスタイリングなしのシンプルなテキストリンク
- 複数のフォントファミリーを使用しない — スクリーンショットではすべてのテキストに単一のgrotesque-sansファミリーのみが使用されている
- 丸みを帯びたコンテナやカードを使用しない — スクリーンショットでは鋭角でスタイルのない写真フレームが使用されている
- ソフトなドロップシャドウを使用しない — スクリーンショットでは完全にフラットなタイポグラフィと写真が使用されている
- 大文字テキストを使用しない — スクリーンショットでは見出しとナビゲーションに exclusively 小文字テキストが使用されている
- 標準的なグリッドスペーシングを使用しない — スクリーンショットでは非対称でコラージュベースのレイアウトが使用されている
- 暗いプライマリ背景を使用しない — スクリーンショットでは明るい#F9F7F7の背景と暗い#392E2Bのフッターセクションが使用されている
- 避ける: 微細さ
- 避ける: 装飾
- 避ける: 企業用語
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これはDanielle Levittの表現力豊かな写真エージェンシーポートフォリオであり、音楽、アート、ファッション、有名人に焦点を当てています。デザインは大胆な非対称コラージュであり、巨大でタイトにトラッキングされたgrotesque-sansタイポグラフィ(#392E2B、ウェイト800)と鮮やかなエディトリアル写真を組み合わせています。特徴的なパステルピンク(#F1B5C2)がテキストやグラフィック要素の高彩度アクセントとして機能し、明るい#F9F7F7のキャンバスから際立っています。重要な制約:単一の太いgrotesque-sansフォントファミリーのみを使用;大文字テキストは不使用;ボーダー、シャドウ、丸みを帯びた角は不使用;画像とタイポグラフィが自由に重なり合うような、ゆったりとした非対称レイアウトを維持。インタラクションは滑らかに実行し、色や不透明度の変更に0.5秒のcubic-bezierトランジションを使用。
en · zh-CN · zh-TW · ja · ko