OpenDesign·你的设计资产库

网页参考

Kirifuda

以中央交互式卡片展示为核心的极简主义暗色调作品集。

PremiumEditorialPhotographicStudioGallery

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

01

设计气质 DNA

极简主义高对比度摄影策展艺术画廊

一个流畅、极简的艺术画廊或高端设计工作室作品集

02

色彩

#ffffffInk
#000000BG
rgba(255, 255, 255, 0)Line

极致高对比度单色;绝对的黑色与白色。

03

字体

transitional-serif

  • display56px · 500

使用衬线字体与纯黑背景形成对比 · 字体极简,仅出现在交互元素上

04

间距

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

基于4px的严格网格,搭配充足的负空间

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

无

0 4px 12px rgba(0, 0, 0, 0.5)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全视口居中构图;小型中央元素周围环绕着大量负空间

07

动效与交互

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

加载或悬停时的扇形展开动画 · 单张卡片的平滑旋转

悬停时卡片扇形展开或放大 · 可能过渡到项目详情视图

08

组件

  • button 无可见按钮
  • card 扇形排列、略微旋转的白色卡片,中央带有图形;作为主要的导航/内容元素
  • chip 无
  • input 无
  • hero 交互式扇形卡片排列,居中于黑色画布上

09

文案语气与禁用清单

  • 语气 静谧、精致且神秘
  • 标题风格 文字极简,依赖图像传达
  • 按钮文案 通过与卡片的交互隐式引导
  • 不要使用多种背景色——截图显示为单一的纯黑背景
  • 不要添加可见的边框或分隔线——截图显示无可见线条
  • 不要为主要元素使用无衬线字体——截图中的卡片使用的是衬线字体
  • 不要将UI元素放置在边缘——截图显示所有元素均居中
  • 不要使用多种强调色——截图显示无强调色
  • 不要添加复杂的导航菜单——截图显示无可见导航
  • 避免: 杂乱
  • 避免: 鲜艳色彩
  • 避免: 过多文字
  • 避免: 复杂的导航栏

11

System Prompt

一个高度极简、高端的个人或工作室网站。其设计基因由纯黑背景(#000000)与高对比度白色元素定义。字体采用精致的过渡衬线体。布局运用大量负空间,将单一交互元素——一组扇形排列的白色卡片——置于中心。这创造了一种神秘的、画廊般的体验,完全聚焦于卡片内的内容。关键禁忌:不要添加不必要的UI装饰,如侧边栏或复杂页头。不要使用明亮或冲突的色彩。不要用多个元素充斥画布。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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