精选 · 开放 · 免费
Foundry Basement Studio
一个为设计师打造的、富有表现力的粗野主义字体铸造厂目录
TypographyExpressiveBold TypographyPortfolioDark Mode
01
设计气质 DNA
字体铸造厂字体样本工业感粗体
一个打造重型字体的地下工坊
02
色彩
#FF4D00Accent
#EFEFEFInk
#000000BG
#121212BG soft
#747474Muted
rgba(226, 232, 240, 1.0)Line
最大化对比:纯黑画布、纯白文字,搭配单一炽烈的橙色强调
03
字体
grotesque-sans · monospace
- display
198px · 700 - heading
120px · 700 - body
16px · 400 - caption
14px · 400 - micro
12px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Basement Foundry 是一个富有表现力的粗野主义字体铸造厂目录,以深黑色背景和单一炽烈的橙色(#FF4D00)强调色为特色。字体排印是身份的核心,展示使用厚重的无衬线字体,UI 元素使用等宽字体,所有内容均以大写呈现。关键颜色为黑色(#000000)、深灰色(#121212)、白色(#EFEFEF)和橙色(#FF4D00)。关键设计规则包括:绝不使用小写文本,避免浅色主题或淡雅颜色,绝不为 UI 层使用无衬线字体。布局在桌面端设有固定侧边栏,并聚焦于大型、富有表现力的字体样本。动效微妙,聚焦于交互元素 150ms 的颜色过渡。
en · zh-CN · zh-TW · ja · ko