- 月访问
- 44.4K
- 下降54.5%环比2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 未知
- 没有公开发布记录
访问
近 12 个月
营销动作
发布、搜索与内容、引荐、促销还没有记录到这个产品的发布、搜索、引荐或促销动作。
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案Console.dev
2025-09-04查看原文
- 核心亮点评测：
- Full language designed for diagramming. Includes themes and animations. Use custom fonts and icons. Supports embedding code with syntax highlighting and Markdown for adding explanations. Has web editor and VS Code extension. CLI to generate the diagram output.
- 局限与权衡：
- Can currently only export to PDF, SVG, PNG - more formats are on the roadmap.
- 适用人群：
- Developers who need to create diagrams with code embedding and syntax highlighting should consider D2
开源仓库与 Agent 生态
GitHub 开源与智能体接入
流量来源
2026 年 10 月
访问构成
渠道
- 自然搜索37%
- 直接访问32%
- 社交媒体13%
- AI 助手10%
- 其他8%
国家/地区
- 美国30%
- 德国18%
- 越南17%
- 印度12%
- 印度尼西亚5%
搜索
站点权重 —域名注册 2022-10-24
| 关键词 | 月搜索量 |
|---|---|
| d2 diagram | 600 |
| d2 diagrams | 450 |
| d2lang | 440 |
| d2 (declarative diagramming) — | 380 |
| online d2 diagram viewer | 120 |
流量数据：Vaneform
定价
尚未识别出定价页，或该页面没有公开价格。
页面与变化
开始记录于 2026-11-06
关键页面
每周快照d2lang.com/ 快照 2026-11-10
设计
首屏视觉分析与 :root CSS
白色页面搭配浅蓝紫渐变横幅，居中粗体无衬线标题与蓝色按钮形成清晰层级，下方代码和流程图呈现专业文档气质。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“D2: Declarative Diagramming”
顶栏导航下方为居中渐变标题横幅，正文区左侧放代码示例、右侧展示流程图。
首屏转化路径：居中标题加按钮 + 产品界面截图或组件示意 → 免费开始 / 立即注册 · 配合首屏直接展示真实生成作品建立信任
色板 · 点击复制
五维设计评分7.1 / 10
- 字体与排版
- 7.0
- 色彩与对比
- 7.0
- 构图与留白
- 8.0
- 细节与工艺
- 7.0
- 风格辨识度
- 6.0
结构
- 字体
- SourceSansPro / monospace
- 首屏版式
- 居中标题加按钮
- 主视觉
- 产品界面截图或组件示意
- 转化动作
- 免费开始 / 立即注册
- 信任背书
- 首屏直接展示真实生成作品
- 导航
- 顶部通栏导航
- 明暗与密度
- 浅色 · 适中
- 圆角与层级
- 小圆角 · 细线分层
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：极简单色（兼备企业稳重）
黑白灰加一个强调色，细线分隔，大量留白，靠字号与字重分层级。
## 设计参数
```css
:root {
--background: #ffffff;
--surface: #f3f3f3;
--foreground: #0a0f25;
--muted-foreground: #6b7280;
--accent: #526fe9;
--radius: 4px;
--font-heading: "SourceSansPro", ui-sans-serif, system-ui, sans-serif;
--font-body: "SourceSansPro", ui-sans-serif, system-ui, sans-serif;
--font-mono: "monospace", ui-monospace, monospace;
}
```
色彩面积配比：背景 #FFFFFF（约 74%） · 面板 #F3F3F3（约 15%） · 正文 #0A0F25（约 6%） · 次要文字 #6B7280（约 3%） · 强调 #526FE9（约 2%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：浅色 · 适中
- 圆角与层级：小圆角；不用阴影，用细线与留白区分层级
- 主视觉载体：产品界面截图或组件示意
- 转化动作：免费开始 / 立即注册 · 信任背书采用首屏直接展示真实生成作品
- 标题切入点：品类定位锚点
- 首屏组件特征：首屏大幅产品界面、代码与终端
- 空间布局拆解：顶栏导航下方为居中渐变标题横幅，正文区左侧放代码示例、右侧展示流程图。
- 视觉特征总结：白色页面搭配浅蓝紫渐变横幅，居中粗体无衬线标题与蓝色按钮形成清晰层级，下方代码和流程图呈现专业文档气质。
## 避免
- 多种强调色并用
- 渐变背景
- 重阴影
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
效率与协作 / 白板与图表
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。