OpenDesign·你的设计资产库

网页参考

Magdareyman

连接品牌与用户界面的高水准设计作品集。

PortfolioTypographyRefinementApp UI
Magdareyman 网站截图

01

设计气质 DNA

设计师作品集UI品牌Magda Reyman

以精致、自信的极简主义呈现的设计作品策展廊。

02

色彩

#282828Ink
#C0C0C0BG
#090909Muted
rgba(40, 40, 40, 0.2)Line

采用中性灰与深黑色的单色系配色,让作品本身成为视觉焦点。

03

字体

transitional-serif · humanist-sans · monospace

  • display40px · 400
  • body16px · 400
  • caption8px · 400

主要界面与正文使用系统无衬线字体栈。 · 标题与强调文字采用简洁的过渡型衬线字体。 · 标题文字保持紧凑的行高。

04

间距

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

充裕的留白营造轻松、编辑感的视觉节奏。

05

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

sm · 6px
md · 16px
lg · 32px
pill · 162px

1.4px solid #282828

0 4px 20px rgba(0,0,0,0.1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

简洁的网格布局,突出主视觉区域,并点缀式展示项目。

07

动效与交互

100msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素采用透明度与变换的过渡动画。

细微的颜色变化或透明度调整。 · 即时响应,反馈极简。

08

组件

  • button 胶囊形状,采用实心背景或纯文字样式。
  • card 清晰呈现应用界面截图。
  • chip 小型大写文本标签,用于联系信息。
  • input 极简样式,与整体无衬线风格统一。
  • hero 大字体标题搭配副标题。

09

文案语气与禁用清单

  • 语气 自信、极简、略带灵动但保持专业。
  • 标题风格 大字号、干净的衬线或无衬线字体,间距紧凑。
  • 按钮文案 文字链接或简洁的胶囊按钮。
  • 避免使用鲜艳、饱和的色彩——截图显示的是严格的单色、灰度配色方案。
  • 避免使用华丽的展示字体——展示文字采用简洁、精致的过渡型衬线字体。
  • 避免创建密集的布局——截图显示充裕的留白和宽松、开放的结构。
  • 避免使用复杂的阴影或渐变——截图显示平面化的表面与微小、细腻的阴影。
  • 避免使用带有尖锐直角的圆角矩形——截图显示胶囊形状按钮与高圆角边框的元素。
  • 避免使用过粗的字重——截图显示主要使用常规(400)字重的排版。
  • 避免: 过度装饰性元素
  • 避免: 密集的段落
  • 避免: 鲜艳、饱和的色彩

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为Magda Reyman设计的极简主义作品集。设计基因采用精致的单色系配色,以中性灰背景(#C0C0C0)与深灰/黑色文字(#282828, #090909)为核心。排版考究,正文使用人文主义无衬线字体,标题展示使用过渡型衬线字体,通常行高紧凑、留白充裕。布局开放通透,强调作品展示。关键禁忌:避免鲜艳、饱和的色彩;避免华丽或过度装饰的字体;避免密集、杂乱的布局。整体感觉自信、高端,聚焦于高质量的UI与品牌设计作品。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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