OpenDesign·你的设计资产库

网页参考

Marioecg

一个为视觉艺术家打造的简洁作品集网站,以大胆、多彩的生成艺术作为主要的英雄元素。

PortfolioGalleryStudioPhotographicClean

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

01

设计气质 DNA

作品集艺术家抽象摄影实验性

一个极简的白色画廊空间,展示着一幅充满活力、占据整面墙的灯光装置。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,0.0)Line

设计依赖于鲜明的黑白用户界面,来衬托极高饱和度、多彩的渐变艺术作品,该作品是唯一的色彩来源。

03

字体

transitional-serif

  • display32px · 400
  • body14px · 400

04

间距

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

视口边缘四周留有充裕的内边距,为中心艺术作品创建了清晰的框架,导航项之间采用标准间距。

05

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

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

任何元素上均无可见的边框或border-radius,保持完全扁平、干净的美学。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

简洁的页眉和页脚框住了一个全宽、全高的中心英雄图像,在此视图中未见其他区域。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

在此静态截图中未见任何动效或动画。

未见悬停状态;导航链接可能采用标准的下划线或颜色变化。 · 未见点击状态。

08

组件

  • button 未见任何按钮;导航基于文本链接。
  • card 未见任何卡片组件。
  • chip 未见任何标签组件。
  • input 未见任何输入字段。
  • hero 一个单一的、全出血的矩形图像,由多条垂直渐变条带构成,作为主导性的英雄元素,占据了视口的大部分。

09

文案语气与禁用清单

  • 语气 极简、直接且自信,让艺术作品自己发声。
  • 标题风格 网站标题采用经典的衬线字体,作为主要的排版标识。
  • 按钮文案 未见任何行动号召元素;设计鼓励被动浏览与探索。
  • 勿使用深色模式——截图显示的是明亮的白色背景。
  • 勿使用圆角——截图显示的是尖锐的矩形英雄图像。
  • 勿为用户界面使用主强调色——截图仅显示黑色文字。
  • 勿使用复杂的网格布局——截图显示的是单一的全出血英雄图像。
  • 勿在表面使用投影或边框——截图显示的是完全扁平的设计。
  • 勿为标志使用无衬线字体——截图显示的是过渡衬线字体。
  • 避免: 勿使用深色主题——截图显示的是浅色、白色背景。
  • 避免: 勿使用圆角——截图显示的是尖锐的矩形元素。
  • 避免: 勿使用彩色的用户界面元素——截图显示的是纯白底上的黑色文字。
  • 避免: 勿使用复杂的网格内容——布局为单一的全出血图像。
  • 避免: 勿使用厚重的边框或投影——设计是完全扁平的。
  • 避免: 勿使用活泼或圆润的排版——字体是经典的、锐利的衬线体。

11

System Prompt

这是一个为“Mario Carrillo”设计的极简主义艺术家作品集网站。它使用纯白色背景和黑色的过渡衬线字体,营造出经典、精致的身份感。布局极其简单,中央是一个全出血、全高的英雄图像,其特点是青色、品红色、黄色和绿色的鲜艳垂直渐变条带,这是唯一的色彩来源。该设计避免了任何深色模式、圆角、彩色用户界面元素、复杂网格、投影或无衬线品牌标识,完全专注于为艺术作品提供框架。关键的十六进制颜色是背景用#FFFFFF,文字用#000000。字体类别是过渡衬线体,用于标题和正文。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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