OpenDesign·你的设计资产库

网页参考

Beth Emily

一个作品集工作室,以自信的编辑式声音,展示精致的有机设计作品。

StudioCurationCleanPhotographicRefined

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

创意专业设计导向

一面精心策划的画廊墙,展示着大胆、有机的视觉叙事

02

色彩

#50A890Accent
#FFFFFFInk
#000000BG
#A0A0A0Muted
rgba(255, 255, 255, 0.1)Line

以高对比度为基础,搭配一个鲜明的有机绿色点缀,以突出作品集的核心内容。

03

字体

geometric-sans

  • display64px · 700
  • body16px · 400

对大尺寸展示标题使用紧凑的字间距。 · 确保正文在照片背景上保持清晰、高度易读。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

在排版和作品集项目周围留出充足的留白,以维持干净、画廊式的感觉。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 999px

围绕作品集网格框架使用纤细的深色边框。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

基于网格的画廊布局,包含大尺寸、带画框的作品集图片和浮动导航栏。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

作品集项目在加载时平滑淡入。

作品集项目上的微妙缩放或透明度变化。 · 直接导航到项目案例研究。

08

组件

  • button 基于文字的简洁导航链接,无可见的按钮容器。
  • card 全出血的照片式作品集项目,像画廊展品一样带有画框。
  • hero 大型、沉浸式的照片背景,覆盖有叠加文字。

09

文案语气与禁用清单

  • 语气 自信、直接且富有创意。
  • 标题风格 粗体、有力,常采用重复以营造节奏感(例如,重复出现的‘安然入睡。’)。
  • 按钮文案 低调且实用(例如,‘作品’、‘服务’、‘方法’、‘联系’)。
  • 不要在作品集卡片上使用圆角——截图显示的是锐利的方形画框。
  • 不要添加过多的投影——设计依赖于干净、扁平的层次和画框。
  • 不要使用繁杂的调色板——截图主要由黑色、白色和一种点缀绿色构成。
  • 不要使用装饰性或花体字体——排版严格使用简洁的几何无衬线字体。
  • 不要用额外的按钮使界面杂乱——截图显示的是一个极简的浮动文字导航栏。
  • 不要使用小而拥挤的排版——展示文字尺寸大、粗体且字间距紧凑。
  • 避免: 过于正式的语言
  • 避免: 过多的专业术语
  • 避免: 杂乱的界面

11

System Prompt

这是一个设计工作室的作品集网站,定位为精致有机视觉作品的策展人。配色方案采用高对比度,使用深邃的黑色背景、纯净的白色文字,以及一个鲜明的有机绿色(#50A890)作为点缀,以突出关键的品牌作品。排版仅使用几何无衬线字体,大尺寸展示标题采用紧凑字间距,营造出现代、大胆的感觉。关键设计原则包括画廊式网格布局、极简界面和浮动导航栏。需严格避免的要点:不要在作品集画框上使用圆角,切勿使用繁杂的多色调色板,不要用过多的按钮或装饰性排版使界面杂乱。整体美学是干净、自信且具有编辑风格的。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。