精选 · 开放 · 免费

Displaay

一家独立字体铸造厂，以俏皮、艺术化的视觉效果呈现其独特的零售和定制字体。

typefoundry
Displaay 网站截图
↓ 下载设计系统包 (48 MB)在 OpenDesign 中打开

原站: https://displaay.net

📦 浏览包内文件 →

01

设计气质 DNA

字体铸造厂零售字体定制字体独立

一个通过富有表现力的布局展示字体艺术的创意工作室。

02

色彩

#020202Ink
#76756FInk soft
#FFFFFFBG
#C9C9C8BG soft
rgba(0,0,0,1.0)Line

以单色为基底，通过大胆、高对比度的摄影和插图来定义色彩故事。

03

字体

humanist-sans

标题使用简洁的 humanist-sans 字体，字间距紧凑。 · 正文保持充足的行高以确保可读性。 · 字体粗细主要为常规（400），营造精致的编辑感。

04

间距

4px
8px
15px
20px
25px
32px
48px
96px

章节之间留白充足，UI 元素内部采用紧凑的 padding。

05

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

sm · 8px
md · 10px
lg · 20px
pill · 999px

按钮和标签采用 1px 实线黑边框，形成锐利的图形轮廓风格。

无

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

首屏为左对齐的排版文字与右对齐的操作按钮；下方为基于网格的功能卡片。

07

动效与交互

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

交互元素上平滑的背景和颜色过渡。

细微的背景或边框颜色变化，伴有平滑过渡。 · 即时状态变更，通常触发页面或章节导航。

08

组件

09

文案语气与禁用清单

10

包内真实截图

Displaay — 桌面首屏（hero）
桌面首屏（hero）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Displaay — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个独立字体铸造厂（Displaay）的网站，具有干净、编辑感的审美，其单色调色板（#FFFFFF、#C9C9C8、#020202、#76756F）是其根基。排版依赖自定义 humanist-sans 字体，具有大尺寸展示比例和常规字重。布局宽敞且左对齐，为按钮和标签等 UI 组件使用锐利的 1px 黑色边框。关键避免项：避免柔和阴影或无边框的圆角矩形，避免将所有文字居中，切勿为展示标题使用通用的无衬线字体。设计精致、俏皮且具有画廊感，专注于字体样本和摄影的视觉冲击力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko