产品

Typogram

含 AI

面向创业者和初学者的在线设计工具,可用于创建标志、品牌视觉系统和字体设计作品。

typogram.co Chrome 应用商店设计 / 平面与品牌设计

AI 竞品立项评估
桌面端
移动端
月访问
29.3K
下降18.9%环比2026 年 9 月
月收入 (MRR)
$417自述
2026-11-08 披露Starter Story
入门价
$6/月
低于同类 80% 的产品同类中位数 $10.5/月
创作者
Hieu Nguyen (Jack)
@hieussr· 4,820 关注与 Hua Shu 共创
首次发布
4 年前
2022-03-29 · 估算

访问与收入

月访问数据截至 2026 年 9 月 · 2026 年 10 月待更新
月收入 (MRR)自述,未经验证 · Starter Story
  • 2026 年 11 月$417自述 MRR · 未经验证
事件1 条收入证据 · 12 个变化

收入证据

公开披露与已验证的收入数字,按数字日期
  • 2026-11-08$417/月自述Starter Story

    “How We Got 1300+ Users On Our Logo Design Tool [In 6 Months]”

营销动作

发布、搜索与内容、引荐、促销
  • 在 Show HN 发布(1 分)发布

    Typogram Studio – like Figma but for typography

    2025 年 7 月 28 日 · 16 个月前发布页

  • 在 Show HN 发布(2 分)发布

    Typogram Studio – Figma for Typography

    2025 年 7 月 22 日 · 16 个月前发布页

  • 在 Product Hunt 发布发布

    Typography-first design tool

    2025 年 7 月 15 日 · 16 个月前发布页

  • 在 Product Hunt 发布发布

    A beginner friendly logo design tool

    2023 年 12 月 12 日 · 2 年前发布页

  • 在 Show HN 发布(2 分)发布

    Brand Personality Kit for building your own brand

    2023 年 8 月 22 日 · 3 年前发布页

第三方评测与案例拆解

获客渠道拆解、工程师评测与开源档案
Starter Story团队 2 人
2023-09-29查看原文

How We Got 1300+ Users On Our Logo Design Tool [In 6 Months]

商店数据

Chrome 应用商店
Save Webflow CSS to File
Save Webflow CSS to File Chrome 应用商店

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 应用商店。

流量来源

2026 年 9 月

访问构成

渠道

  • 直接访问40%
  • 自然搜索33%
  • 外部引荐10%
  • 社交媒体6%
  • 其他10%

国家/地区

  • 美国23%
  • 英国9%
  • 印度尼西亚7%
  • 印度6%
  • 巴西6%

搜索

站点权重 —域名注册 2019-03-25

关键词月搜索量
poppins font90.4K
orbitron font15.3K
autumn palette colours510
fall font colours290
what are some autumn colors210

流量数据:Vaneform

定价

Premium Access
$6/月
按年付 $72/年
Studio Basic
未知
Lifetime License
$124.99/一次

试用:We offer a free one-month trial · 2 档付费($6–$124.99) · 观察于 2026-11-04 · 来源页面

入门价 $6/月,低于同类 80% 的产品;「平面与品牌设计」中位数 $10.5/月。查看定价基准

页面与变化

开始记录于 2022-03-29

关键页面

每周快照
typogram.co/ 快照 2026-11-04

变化

  1. 11 月 1 日 · 14 天前

    首页主标题(H1)改为「What are you here to create?」定位

    Design YOUR BRAND Yourself→What are you here to create?

  2. 11 月 1 日 · 14 天前

    新增采用技术栈:Amplitude功能

    —→Amplitude

  3. 11 月 1 日 · 14 天前

    新增采用技术栈:Cloudflare Browser Insights功能

    —→Cloudflare Browser Insights

  4. 11 月 1 日 · 14 天前

    移除技术栈:Google Hosted Libraries功能

    Google Hosted Libraries→—

  5. 11 月 1 日 · 14 天前

    移除技术栈:Google Tag Manager功能

    Google Tag Manager→—

  6. 11 月 1 日 · 14 天前

    新增采用技术栈:Node.js功能

    —→Node.js

设计

首屏视觉分析与 :root CSS

米暖色背景搭配古典衬线展示大字与花饰卷草线,辅以虚线圆角卡片与字形探索交互控件,呈现浓厚排版美学与刊物典雅质感。

首屏预览 · 点击放大

首屏讲了什么与转化路径

“Next Generation DESIGN TOOLS”

顶部悬浮胶囊导航,居中大号衬线标题与字形控件,下方双栏虚线卡片分流核心产品功能。

首屏转化路径:大号衬线标题的编辑式版面 + 纯排版与图形几何 → 免费开始 / 立即注册

色板 · 点击复制

五维设计评分8.2 / 10
字体与排版
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 /月。来源

同分类研究对象

设计 / 平面与品牌设计

这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。

查看「平面与品牌设计」全部产品与定价基准 →