OpenDesign·你的设计资产库

网页参考

Riptype

一个采用深色、精致界面的极简字体铸造厂展示站。

TypographyDark ModeMinimalCurationDesign Tools

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

01

设计气质 DNA

字体铸造厂极简深色精选

一本具有画廊式呈现效果的数字样本册

02

色彩

#FFFFFFInk
#111111BG
#888888Muted
rgba(255, 255, 255, 0.1)Line

高对比度的单色方案,导航使用微妙的点缀图标

03

字体

transitional-serif · geometric-sans

  • display56px · 400
  • body16px · 400

04

间距

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

通过大量留白实现内容呼吸感

05

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

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

导航下方的细微水平线

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

文案语气与禁用清单

  • 语气 专业且精致
  • 标题风格 简洁、基于衬线的排版,字间距紧凑
  • 按钮文案 最小化的文本链接,搭配小号点缀图标
  • 不要使用圆角——截图显示的是尖锐、有棱角的元素
  • 不要使用明亮饱和的色彩——截图显示的是单色调色板与微妙点缀色
  • 不要使用复杂阴影——截图显示的是扁平、无阴影的设计
  • 不要使用装饰性边框——截图显示的是极简、功能性的线条
  • 不要为正文使用衬线字体——截图显示导航使用无衬线字体
  • 不要添加视觉噪点——截图显示的是极其简洁的深色界面
  • 避免: 杂乱的布局
  • 避免: 明亮饱和的色彩
  • 避免: 装饰性元素

11

System Prompt

这是一个采用深色、精致界面的极简字体铸造厂网站。设计使用单色方案,背景为 #111111,文字为 #FFFFFF,形成高对比度。导航采用几何无衬线字体,搭配小型彩色点缀图标(红、紫、绿)。布局极其简约,留有大量留白,元素尖锐且有棱角。关键设计原则:保持深色、画廊般的氛围;使用直角而非圆角;保持颜色使用最小化且具有目的性;避免任何分散对字体注意力的装饰元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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