精選 · 開放 · 免費
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
文案語氣與禁用清單
- 語氣 大膽、自信且高度視覺化
- 標題風格 全小寫、緊密字距且超大字號
- 按鈕文案 簡約文字連結,無按鈕樣式
- 勿使用多種字體家族——截圖顯示僅單一grotesque-sans字體家族適用於所有文字
- 勿使用圓角容器或卡片——截圖顯示銳利無樣式的照片框架
- 勿使用柔和陰影——截圖顯示完全扁平化的字體與攝影呈現
- 勿使用大寫文字——截圖顯示標題與導覽專用小寫文字
- 勿使用標準網格間距——截圖顯示不對稱拼貼式佈局
- 勿使用深色主要背景——截圖顯示淺色#F9F7F7背景搭配深色#392E2B頁尾區塊
- 避免: 細微
- 避免: 裝飾
- 避免: 企業用語
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是Danielle Levitt的表現型攝影經紀公司作品集,聚焦音樂、藝術、時尚與名人領域。設計採用大膽不對稱拼貼風格,將超大緊密字距的grotesque-sans字體(#392E2B,字重800)與鮮明編輯攝影相結合。標誌性粉色(#1B5C2)作為高飽和度強調色應用於文字與視覺元素,在淺色#9F7F7畫布上格外醒目。關鍵限制:僅使用單一粗體grotesque-sans字體家族;避免大寫文字;不使用邊框、陰影或圓角;保持寬鬆不對稱佈局,允許圖像與文字自由重疊。互動效果需平滑,採用0.5秒cubic-bezier過渡處理色彩與透明度變化。
en · zh-CN · zh-TW · ja · ko