Typogram
含 AI面向創業者和初學者的線上設計工具，可用於建立標誌、品牌視覺系統和字體設計作品。
- 每月造訪次數
- 29.3K
- 下降18.9%較上月2026 年 9 月
- 入門價
- $6/月
- 低於同類 80% 的產品同類中位數 $10.5/月
- 首次發布
- 4 年前
- 2022-03-29 · 估算
訪問與收入
- 2026 年 11 月$417自述 MRR · 未經驗證
營收佐證
公開披露與已驗證的收入數字，按數字日期“How We Got 1300+ Users On Our Logo Design Tool [In 6 Months]”
行銷動作
發布、搜尋與內容、引薦、促銷第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案商店資料
Simplify your development flow by pre-select a destination CSS file and save Webflow CSS directly into it.
- 評分
- ★ 5.001 個評分
- 上月新增評分
- —
- 價格與內購
- 免費內購資料未同步
- 使用者數
- 87商店公開數字
Updated July 2025! Save Webflow CSS to File is a powerful and user-friendly Chrome extension that streamlines the syncing process between your Webflow project and your local CSS file. Now you can easily keep your your local CSS file up-to-date with Webflow project without the hassle of manual exporting, copying and pasting. Follow the extension developer’s work and journey here: https://build.typogram.co/ Key Features: - Select a destination CSS file: Choose a specific local CSS file to sync your Webflow project's styles with. - One-click CSS sync: With just one click of a button, keep your local files in sync with your Webflow project as you make changes in your design. - Easy-to-use: A simple and intuitive interface makes syncing your Webflow CSS a breeze. Whenever you update your Webflow project, just click the "Save Webflow CSS to File" button in the extension popup to update your local CSS file with the latest changes. Stay organized and save time with Save Webflow CSS to File. This extension is perfect for web designers, developers, and anyone who wants to streamline their workflow when working with Webflow projects.
商店圖示、評分分布、安裝量級與宣傳截圖同步自 Apple App Store、Google Play 與 Chrome 應用商店。
流量來源
訪問構成
管道
- 直接訪問40%
- 自然搜尋33%
- 外部引薦10%
- 社交媒體6%
- 其他10%
國家/地區
- 美國23%
- 英國9%
- 印尼7%
- 印度6%
- 巴西6%
搜尋
站點權重 —網域名稱註冊 2019-03-25
| 關鍵字 | 月搜尋量 |
|---|---|
| poppins font | 90.4K |
| orbitron font | 15.3K |
| autumn palette colours | 510 |
| fall font colours | 290 |
| what are some autumn colors | 210 |
流量資料：Vaneform
定價
頁面與變化
關鍵頁面
每週快照變化
設計
米暖色背景搭配古典襯線展示大字與花飾卷草線，輔以虛線圓角卡片與字形探索互動控件，呈現濃厚排版美學與刊物典雅質感。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Next Generation DESIGN TOOLS”
頂部懸浮膠囊導航，居中大號襯線標題與字形控件，下方雙欄虛線卡片分流核心產品功能。
首屏畫面轉化路徑：大號襯線標題的編輯式版面 + 純排版與圖形幾何 → 免費開始 / 立即註冊
- 品類定位錨點
- 首屏畫面可互動工具
色板 · 點擊複製
- 字體與排版
- 9.0
- 色彩與對比
- 8.0
- 構圖與留白
- 8.0
- 細節與工藝
- 8.0
- 風格辨識度
- 8.0
結構
- 字體
- Playfair Display / Inter
- 首屏畫面版式
- 大號襯線標題的編輯式版面
- 主視覺
- 純排版與圖形幾何
- 轉化動作
- 免費開始 / 立即註冊
- 信任背書
- 無顯式背書
- 導航
- 懸浮膠囊導航
- 明暗與密度
- 淺色 · 適中
- 圓角與層級
- 中圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：雜誌排版（兼備極簡單色）
大號襯線標題、窄閱讀欄與編輯式分欄，像一份刊物。
## 設計參數
```css
:root {
--background: #faf5ef;
--surface: #ffffff;
--foreground: #121212;
--muted-foreground: #666666;
--accent: #f5b6a8;
--radius: 8px;
--font-heading: "Playfair Display", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FAF5EF（約 72%） · 面板 #FFFFFF（約 12%） · 正文 #121212（約 11%） · 次要文字 #666666（約 3%） · 強調 #F5B6A8（約 2%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：大號襯線標題的編輯式版面
- 導航結構：懸浮膠囊導航
- 明暗與密度：淺色 · 適中
- 圓角與層級：中圓角；用陰影區分層級
- 主視覺載體：純排版與圖形幾何
- 轉化動作：免費開始 / 立即註冊
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：首屏畫面可互動工具
- 空間布局拆解：頂部懸浮膠囊導航，居中大號襯線標題與字形控件，下方雙欄虛線卡片分流核心產品功能。
- 視覺特徵總結：米暖色背景搭配古典襯線展示大字與花飾卷草線，輔以虛線圓角卡片與字形探索互動控件，呈現濃厚排版美學與刊物典雅質感。
## 避免
- 圖示堆砌
- 霓虹色
- Neon cyber accents
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- Typogram 的價格是多少？
- Premium Access: $6/月（提供年付）; Studio Basic: 未知; Lifetime License: $124.99/一次. 觀察於 2026-11-04。 當前計費條件、用量限制與稅費以來源頁面為准。來源
- Typogram 的網站造訪次數是多少？
- Vaneform 估算 2026-09 網站造訪次數為 29.3K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- Typogram 是什麼產品，支援哪些平台？
- Typogram 歸屬「平面與品牌設計」市場領域：Typogram 是一款面向創業者和初學者的線上設計工具，可用於建立標誌、品牌視覺系統和字體設計作品。。 支援平台包括：瀏覽器擴充功能。
- Typogram 有哪些公開披露的收入資料？
- Starter Story 收錄了 2026-11-08 的創辦人公開披露：$417 /月。來源
同分類研究對象
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。