精选 · 开放 · 免费

ABC Dinamo

一个现代、精致的铸字工坊网站，强调大胆排版、编辑类图像和极简留白驱动的布局。

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

原站: https://abcdinamo.com

📦 浏览包内文件 →

01

设计气质 DNA

排版铸字工坊字体设计定制

高端数字字体精品店，将字体视为顶级收藏工具。

02

色彩

#FEE905Accent
#000000Ink
#FFFFFFBG
#F0F4F6BG quiet
#EBEBEBMuted
rgba(0,0,0,0.1)Line

极简高对比度调色板，以纯白为画布，黑色文字，辅以一抹鲜艳的黄色。

03

字体

geometric-sans · humanist-sans · monospace

所有文本使用 400 字重。 · 大型标题采用紧凑的字间距。 · 标签文本谨慎使用全大写转换。

04

间距

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

章节间留白充足，导航与 UI 组件内部采用紧凑、结构化的间距。

05

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

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

边框极少，偶尔使用 1px 实线黑边作为 UI 分隔。

rgb(255, 249, 0) 0px 0px 0px 1px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

非对称分屏布局，包含固定的左侧导航栏和用于主图及功能展示的中心/右侧内容区。

07

动效与交互

250msmicro
400mssmall
800msmedium
cubic-bezier(0.1, 0.6, 0.4, 1)easing

页面过渡使用平滑的透明度与背景淡入淡出。 · 微交互使用 cubic-bezier 变换。 · 顺序元素加载使用线性延迟。

导航与 UI 元素上细微的颜色或背景变化。 · 通过激活状态提供即时反馈。

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个现代、精致的铸字工坊网站，强调大胆排版、编辑类图像和极简留白驱动的布局。设计采用纯白背景与纯黑文字以实现最大对比度，偶尔辅以鲜艳的黄色点缀。字体以干净的几何与人文无衬线字体类别为主，以大尺寸呈现，标题字间距紧凑。固定的左侧导航栏锚定界面。关键十六进制颜色包括 #FFFFFF、#000000 和 #FEE905。关键禁忌：切勿使用粗体字重，完全避免深色模式，不引入复杂渐变，坚持无衬线字体类别，严格控制颜色使用，并始终为卡片和标签使用大圆角。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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