Calculator Studio
用於製作和嵌入網頁計算器的工具，現已關閉，帳戶及已分享或嵌入的專案均無法訪問。
- 每月造訪次數
- 29.9K
- 上升5.3%較上月2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 2 年前
- 2024-10-01 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷在 Product Hunt 發布發布
Build website calculators with no code, just spreadsheets
2024 年 10 月 1 日 · 2 年前發布頁
開源倉庫與自部署
GitHub 開源與智慧體接入
最近提交 2026-09-15
- GitHub 星標
- ★ 145
- 分支數 (Forks)
- 3
- 開源協議
- MIT
- 主要語言
- JavaScript
流量來源
2026 年 10 月
訪問構成
管道
- 自然搜尋48%
- 直接訪問32%
- 社交媒體10%
- 外部引薦6%
- 其他2%
國家/地區
- 美國25%
- 德國9%
- 英國8%
- 印度8%
- 加拿大8%
搜尋
站點權重 —網域名稱註冊 2024-06-20
| 關鍵字 | 月搜尋量 |
|---|---|
| band name generator | 4,510 |
| pace calculator running | 2,880 |
| grange display stardew | 1,370 |
| net carbs calculator | 510 |
| studio calculator | 170 |
流量資料：Vaneform
定價
尚未識別出定價頁，或該頁面沒有公開價格。
頁面與變化
開始記錄於 2024-10-01
關鍵頁面
每週快照首頁
calculatorstudio.co/service-termination 快照 2026-11-09
變化
設計
首屏畫面視覺分析與 :root CSS
全白背景搭配極簡單欄排版，無裝飾性圖形與複雜色彩，呈現停運公告的純文字聲明形態。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“What this means for your Projects and accountself.__wrap_n=self.__wrap_n||(self. CSS&&CSS.supports("text-wrap","balance")?1:2);self.__wrap_b=(e,r,t)=>{let o=(t=t||document.query · Sele”
頂部左側放置品牌標誌，頁面居中由大字號停業通知及單欄說明文段垂直依次排列。
首屏畫面轉化路徑：居中標題加按鈕 + 純排版與圖形幾何 → 首屏畫面直接輸入或試用
- 痛點消解與替代
色板 · 點擊複製
五維設計評分5.7 / 10
- 字體與排版
- 6.0
- 色彩與對比
- 6.0
- 構圖與留白
- 6.0
- 細節與工藝
- 6.0
- 風格辨識度
- 4.0
結構
- 字體
- nbi / Times New Roman
- 首屏畫面版式
- 居中標題加按鈕
- 主視覺
- 純排版與圖形幾何
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 無顯式背書
- 導航
- 極簡雙端標識與按鈕
- 明暗與密度
- 淺色 · 留白多
- 圓角與層級
- 直角 · 細線分層
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f3f3f3;
--foreground: #282b3e;
--muted-foreground: #6c7280;
--accent: #3350ff;
--radius: 0px;
--font-heading: "nbi", ui-sans-serif, system-ui, sans-serif;
--font-body: "Times New Roman", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 85%） · 面板 #F3F3F3（約 5%） · 正文 #282B3E（約 7%） · 次要文字 #6C7280（約 2%） · 強調 #3350FF（約 1%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：居中標題加按鈕
- 導航結構：極簡雙端標識與按鈕
- 明暗與密度：淺色 · 留白多
- 圓角與層級：直角；不用陰影，用細線與留白區分層級
- 主視覺載體：純排版與圖形幾何
- 轉化動作：首屏畫面直接輸入或試用
- 標題切入點：痛點消解與替代
- 空間布局拆解：頂部左側放置品牌標誌，頁面居中由大字號停業通知及單欄說明文段垂直依次排列。
- 視覺特徵總結：全白背景搭配極簡單欄排版，無裝飾性圖形與複雜色彩，呈現停運公告的純文字聲明形態。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- Calculator Studio 的網站造訪次數是多少？
- Vaneform 估算 2026-10 網站造訪次數為 29.9K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- Calculator Studio 是什麼產品，支援哪些平台？
- Calculator Studio 歸屬「生成器與計算器」市場領域：Calculator Studio 是用於製作和嵌入網頁計算器的工具，現已關閉，帳戶及已分享或嵌入的專案均無法訪問。。 支援平台包括：僅網頁。
- Calculator Studio 是開源專案嗎？採用什麼協議？
- Calculator Studio 擁有公開程式碼倉庫（https://github.com/shuding/react-wrap-balancer），採用 MIT 協議，記錄有 145 個 GitHub Stars。來源
同分類研究對象
實用工具 / 生成器與計算器
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。