精选 · 开放 · 免费
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）与充满活力的编辑摄影作品配对。一个标志性的粉彩亮色（#F1B5C2）作为高饱和度的点缀，用于文本和图形元素，在浅色#F9F7F7基底上脱颖而出。关键约束：仅使用一种粗体grotesque-sans字体家族；避免使用大写文本；不使用边框、阴影或圆角；并保持宽松、不对称的布局，允许图像和字体自由重叠。交互应平滑，使用0.5秒cubic-bezier过渡效果处理颜色和透明度变化。
en · zh-CN · zh-TW · ja · ko