厳選・オープン・無料

Daniellelevitt

音楽、アート、ファッション、有名人を記録する表現力豊かな写真エージェンシーのポートフォリオ。

PhotographicStudioAgencyCurationEditorial
Daniellelevitt のスクリーンショット
↓ デザインシステムをダウンロード (10 MB)OpenDesign で開く

オリジナル: https://www.daniellelevitt.com

📦 パックの中身を見る →

01

デザイン DNA

ファッションエディトリアル写真エージェンシーポートレート

ハイエンドなエディトリアル雑誌のデジタルポートフォリオ

02

カラー

#F1B5C2Accent
#392E2BInk
#F9F7F7BG
rgba(57, 46, 43, 1)Line

鮮やかなパステルピンクのアクセントと巨大なタイポグラフィが、清廉なキャンバスと相互作用して鮮やかなエディトリアル写真を框架する、鮮明な高コントラストパレット。

03

タイポグラフィ

grotesque-sans

すべてのタイポグラフィは極端に太いウェイト(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

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これはDanielle Levittの表現力豊かな写真エージェンシーポートフォリオであり、音楽、アート、ファッション、有名人に焦点を当てています。デザインは大胆な非対称コラージュであり、巨大でタイトにトラッキングされたgrotesque-sansタイポグラフィ(#392E2B、ウェイト800)と鮮やかなエディトリアル写真を組み合わせています。特徴的なパステルピンク(#F1B5C2)がテキストやグラフィック要素の高彩度アクセントとして機能し、明るい#F9F7F7のキャンバスから際立っています。重要な制約:単一の太いgrotesque-sansフォントファミリーのみを使用;大文字テキストは不使用;ボーダー、シャドウ、丸みを帯びた角は不使用;画像とタイポグラフィが自由に重なり合うような、ゆったりとした非対称レイアウトを維持。インタラクションは滑らかに実行し、色や不透明度の変更に0.5秒のcubic-bezierトランジションを使用。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック(エージェント用) ↗

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