- 每月造訪次數
- 93.1K
- 下降19.9%較上月2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 16 個月前
- 2025-07-11 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷在 Show HN 發布（3 分 · 3 評論）發布
Scryer – Visual architecture modeling for AI agents — I've been working on this desktop tool (FSL license, free for commercial use) for the past month because I now spend more time in a termin…
3 月 16 日 · 8 個月前發布頁
在 Show HN 發布（4 分）發布
Infragram – C4 style interactive architecture diagrams for Terraform — If you're not familiar with C4 model ( ), the idea is to visualize your system at different "zoom levels" to see the abstraction you are i…
2025 年 7 月 11 日 · 16 個月前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案- 創作者原帖摘錄：
- If you're not familiar with C4 model ( https://c4model.com ), the idea is to visualize your system at different "zoom levels" to see the abstraction you are interested in. When it comes to infrastructure, looking at how different cloud services connect together might give us an overview of the high level architecture of the system. We can zoom in and look at
- 創作者原帖摘錄：
- I've been working on this desktop tool (FSL license, free for commercial use) for the past month because I now spend more time in a terminal prompting Claude Code instead of using a code editor. It generally works quite well if I ask the right questions, but I still often find a lot of dead code, stubs, or poor architectural choices when I finish a session,
流量來源
訪問構成
管道
- 直接訪問45%
- 自然搜尋41%
- 外部引薦7%
- 社交媒體4%
- 其他2%
國家/地區
- 荷蘭17%
- 美國13%
- 俄羅斯12%
- 印度6%
- 德國5%
搜尋
站點權重 —網域名稱註冊 2017-08-01
| 關鍵字 | 月搜尋量 |
|---|---|
| c4 model | 7,310 |
| c4 diagram | 4,230 |
| c4 diagrams | 2,800 |
| c4model | 1,630 |
| diagrams c4 | 250 |
流量資料：Vaneform
定價
尚未識別出定價頁，或該頁面沒有公開價格。
頁面與變化
關鍵頁面
每週快照設計
淺灰側欄配白底正文，深藍課程橫幅與無襯線標題構成文件式首屏畫面，下方並列影片縮略圖與書籍封面。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“The C4 model for visualising software architecture”
左側固定導航，右側標題與編號列表，下方左右並排影片縮略圖和書籍封面。
首屏畫面轉化路徑：大號襯線標題的編輯式版面 + 插畫、手繪或卡通角色 → 預約演示 / 聯繫銷售 · 配合使用者頭像疊放與評語建立信任
- 品類定位錨點
- 影片演示
色板 · 點擊複製
- 字體與排版
- 6.0
- 色彩與對比
- 6.0
- 構圖與留白
- 7.0
- 細節與工藝
- 6.0
- 風格辨識度
- 5.0
結構
- 字體
- Inter
- 首屏畫面版式
- 大號襯線標題的編輯式版面
- 主視覺
- 插畫、手繪或卡通角色
- 轉化動作
- 預約演示 / 聯繫銷售
- 信任背書
- 使用者頭像疊放與評語
- 導航
- 左側應用側邊欄
- 明暗與密度
- 淺色 · 適中
- 圓角與層級
- 小圓角 · 細線分層
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色（兼備企業穩重）
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f4f6f8;
--foreground: #1a1a1a;
--muted-foreground: #6b7280;
--accent: #0c3f86;
--radius: 4px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 62%） · 面板 #F4F6F8（約 18%） · 正文 #1A1A1A（約 8%） · 次要文字 #6B7280（約 5%） · 強調 #0C3F86（約 7%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：大號襯線標題的編輯式版面
- 導航結構：左側應用側邊欄
- 明暗與密度：淺色 · 適中
- 圓角與層級：小圓角；不用陰影，用細線與留白區分層級
- 主視覺載體：插畫、手繪或卡通角色
- 轉化動作：預約演示 / 聯繫銷售 · 信任背書採用使用者頭像疊放與評語
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：影片演示
- 空間布局拆解：左側固定導航，右側標題與編號列表，下方左右並排影片縮略圖和書籍封面。
- 視覺特徵總結：淺灰側欄配白底正文，深藍課程橫幅與無襯線標題構成文件式首屏畫面，下方並列影片縮略圖與書籍封面。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- C4 model 的網站造訪次數是多少？
- Vaneform 估算 2026-10 網站造訪次數為 93.1K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- C4 model 是什麼產品，支援哪些平台？
- C4 model 歸屬「白板與圖表」市場領域：幫助軟體開發團隊描述和溝通軟體架構的圖示方法。。 支援平台包括：僅網頁。
同分類研究對象
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。
| 產品 | 入門價 | 每月造訪次數 | 營收佐證 |
|---|---|---|---|
| Miro巨獸為各類團隊提供結合 AI 的可視化協作空間，用於研究、規劃、設計產品和管理工作流程。 | $8/月 | 30.7M | 未公開 |
| Diagrams.net巨獸面向團隊和開發者的免費圖表繪製應用，可用於建立、協作編輯和嵌入圖表。 | — | 10.5M | 未公開 |
| Excalidraw成熟標桿虛擬協作白板工具，讓使用者輕鬆繪製具有手繪感的圖表。 | — | 4.3M | 未公開 |
| draw.io成熟標桿為團隊提供注重隱私的免費繪圖工具，支援線上或桌面編輯、即時協作及在常用工作工具中嵌入圖表。 | — | 2.5M | 未公開 |
| Mural成熟標桿面向企業團隊的可視化協作工作空間，幫助團隊通過白板、範本和 AI 開展頭腦風暴、規劃策略並推進專案執行。 | $12/月 | 2M | 未公開 |
| Holst成熟標桿供團隊協作使用的線上白板，可用於頭腦風暴、規劃、繪圖和專案管理。 | $5.49/月 | 1.7M | 未公開 |