OpenDesign·你的设计资产库

网页参考

Foundry Basement Studio

一个为设计师打造的、富有表现力的粗野主义字体铸造厂目录

TypographyExpressiveBold TypographyPortfolioDark Mode
Foundry Basement Studio 网站截图

01

设计气质 DNA

字体铸造厂字体样本工业感粗体

一个打造重型字体的地下工坊

02

色彩

#FF4D00Accent
#EFEFEFInk
#000000BG
#121212BG soft
#747474Muted
rgba(226, 232, 240, 1.0)Line

最大化对比:纯黑画布、纯白文字,搭配单一炽烈的橙色强调

03

字体

grotesque-sans · monospace

  • display198px · 700
  • heading120px · 700
  • body16px · 400
  • caption14px · 400
  • micro12px · 400

所有文本均为大写 · UI 文本使用等宽字体 · 字体样本使用夸张的宽体展示字体

04

间距

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

严格的垂直间距,UI 元素采用紧凑内边距,布局间使用宽大间隔

05

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

sm · 2px
md · 6px
lg · 8px
pill · 999px

1px 实线边框,常使用柔和的灰色或白色

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

桌面端固定左侧边栏,移动端顶部导航

07

动效与交互

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

微妙的背景色和边框颜色过渡 · 状态变化时的透明度淡入淡出

背景色和边框颜色变化,150ms ease-in-out · 激活状态,降低透明度

08

组件

  • button 带边框的按钮,使用大写等宽文本,常采用强调色
  • card 深色面板,带有微妙的边框,用于容纳字体样本
  • chip 带边框的矩形标签,使用微排版
  • input 极简,可能隐藏以使用自定义 UI 元素
  • hero 全宽、极具表现力的字体排印展示,带有背景纹理

09

文案语气与禁用清单

  • 语气 自信、大胆、略带不羁
  • 标题风格 全大写、极具表现力的无衬线字体
  • 按钮文案 直接、大写的指令,如“立即购买”或“探索”
  • 不要使用小写文本——截图显示所有内容均为大写
  • 不要使用柔和、淡雅的颜色——截图显示高对比度的黑白橙配色
  • 不要使用无衬线字体作为 UI 文本——截图中的导航和标签全部使用等宽字体
  • 不要使用纤细、精致的字体——截图采用厚重、加宽的无衬线字体
  • 不要使用复杂阴影——截图依赖平面边框来营造层次感
  • 不要使用浅色背景——截图使用深黑色或深灰色背景
  • 避免: 微妙渐变
  • 避免: 无衬线正文字体
  • 避免: 浅色主题

10

包内真实截图

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

11

System Prompt

Basement Foundry 是一个富有表现力的粗野主义字体铸造厂目录,以深黑色背景和单一炽烈的橙色(#FF4D00)强调色为特色。字体排印是身份的核心,展示使用厚重的无衬线字体,UI 元素使用等宽字体,所有内容均以大写呈现。关键颜色为黑色(#000000)、深灰色(#121212)、白色(#EFEFEF)和橙色(#FF4D00)。关键设计规则包括:绝不使用小写文本,避免浅色主题或淡雅颜色,绝不为 UI 层使用无衬线字体。布局在桌面端设有固定侧边栏,并聚焦于大型、富有表现力的字体样本。动效微妙,聚焦于交互元素 150ms 的颜色过渡。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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