01
设计气质 DNA
极简主义奢华编辑感高端克制
一个专注于排版与留白的高端设计工作室作品集。
02
色彩
#000000Ink#FFFFFFBGrgba(0,0,0,0.1)Line高对比度单色,无可见强调色,聚焦于纯黑与纯白。
03
字体
- display
72px · 400 - body
16px · 400
展示文字使用精致的现代衬线体,以营造奢华感。 · 正文使用清晰的人文主义无衬线体,确保可读性。 · 大写文字采用较大的字间距,以呈现编辑风格。
04
间距
4px8px16px24px32px48px64px96px充足的留白与宽大的内边距,营造出奢华感与专注度。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
几乎没有可见边框;区域分隔通过间距与色彩对比来实现。
06
布局
1200container
12columns
32pxgutter
768 / 1024breakpoints
居中的单栏布局,具有舒适的垂直韵律,并聚焦于主内容区域。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
页面元素采用微妙的淡入效果。 · 各区域之间采用平滑、优雅的过渡。
文本链接在 hover 时采用细微的下划线或透明度变化。 · 提供即时反馈,视觉变化极小。
08
组件
- button 简洁的文本链接或内敛的按钮,无可见边框或背景。
- card 干净、无边框的卡片,依靠排版与间距来构建结构。
- chip 未见可见组件。
- input 未见可见组件。
- hero 一个大型的、以排版为主的首屏区域,包含一个具有冲击力的主标题。
09
文案语气与禁用清单
- 语气 自信、精致且内敛。
- 标题风格 采用大号、优雅的衬线体标题,以吸引注意力。
- 按钮文案 简洁、直接的文本链接,与整体编辑风格融为一体。
- 不要使用圆角——截图显示所有元素均为直角矩形。
- 不要使用投影——截图显示为完全扁平、干净的表面。
- 不要使用明亮的强调色——截图显示为严格的黑白配色方案。
- 不要使用装饰性插图——截图显示为以文字和布局为核心的设计。
- 不要使用密集的多栏布局——截图显示为宽敞的单栏流式布局。
- 不要使用俏皮或随意的字体——截图使用的是精致的经典衬线与无衬线字体。
- 避免: 明亮的色彩或花哨的图形
- 避免: 圆角或柔和的阴影
- 避免: 杂乱的布局或过多的视觉噪音
- 避免: 随意或俏皮的语言
- 避免: 复杂的导航菜单
- 避免: 突出的行动号召按钮
11
System Prompt
这是一个奢华设计工作室的作品集网站,类似 lovefrom.com。其设计 DNA 是极简、编辑风格和高端感,聚焦于高对比度单色(黑色 #000000 和白色 #FFFFFF)和大量的留白。排版是核心,展示文字使用现代衬线体,正文使用人文主义无衬线体。关键的“不要”包括:避免使用明亮的强调色、圆角、投影、装饰性插图、密集的布局和随意的字体。布局居中且宽敞,遵循严格的网格,没有视觉杂乱。整体感觉克制、自信且精致,旨在仅通过排版与构图来展示作品。