- 月访问
- 12K
- 上升8.7%环比2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- $26/月
- 高于同类 79% 的产品同类中位数 $10.5/月
- 首次发布
- 5 个月前
- 2026-06-17 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销- what in the pig
@xz3dev · 2026-11-08 · 0 赞 · 0 转发 · 14 浏览
MCP 服务与 Agent 生态
流量来源
访问构成
渠道
- 直接访问40%
- 自然搜索33%
- 外部引荐10%
- 社交媒体6%
- 其他11%
国家/地区
- 美国27%
- 印度16%
- 澳大利亚14%
- 法国13%
- 巴西11%
搜索
站点权重 —域名注册 2025-08-07
| 关键词 | 月搜索量 |
|---|---|
| claude mascot css | 110 |
| how to create mascots for your apps | 110 |
| wysa mascot | 100 |
| mascot annimation ia | 100 |
| mascot builder | 80 |
流量数据：Vaneform
定价
试用：未提供 · 2 档付费（$26–$62） · 设企业定制档 · 观察于 2026-11-03 · 原定价页
入门价 $26/月，高于同类 79% 的产品；「平面与品牌设计」中位数 $10.5/月。查看定价基准
页面与变化
关键页面
每周快照官方博客与更新日志
近期官方文章与版本动态Generate Mascots in Claude Code with the svgapp MCP
Set up the svgapp MCP in Claude Code and generate reusable product mascots, poses, transparent UI assets, and animations from the terminal. On this page Quick answer Claude Code can use svgapp as a remote MCP server to generate visual asset
Developer Mascot SVGs for AI Coding Tools
How to create reusable developer mascot SVGs for AI coding tools, docs, onboarding, launch posts, and product states without copying another brand. On this page Quick Answer A developer mascot SVG is a compact, vendor-neutral character syst
Doubao AI Mascot Character Design Workflow
A practical workflow for turning Doubao AI mascot character ideas into consistent, SVG-ready brand assets for apps, SaaS products, and websites. On this page Quick Answer If the version of Doubao available to you includes image creation, yo
Brand Character Maker Tools and Services: How to Choose
Compare AI brand character makers, freelance illustrators, agencies, and animation services so you can pick the right path for a reusable character system. On this page Quick Answer A brand character maker should help you create more than o
变化
开始记录以来，定价、套餐与定位都没有变化。
设计
暖白渐变底叠加柔和斜向纹理，超大黑色无衬线标题与莓紫 CTA 聚焦视线，中央卡通吉祥物搭配两侧示例卡片及创建量指标。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“Build a brand people remember.”
顶部导航横向铺开，标题、说明与双 CTA 居中排列；下方以吉祥物插画为核心，两侧悬浮产品卡片。
首屏转化路径：居中标题加按钮 + 插画、手绘或卡通角色 → 免费开始 / 立即注册 · 配合用户数、星级或核心指标建立信任
色板 · 点击复制
- 字体与排版
- 8.0
- 色彩与对比
- 8.0
- 构图与留白
- 8.0
- 细节与工艺
- 8.0
- 风格辨识度
- 7.0
结构
- 字体
- Inter
- 首屏版式
- 居中标题加按钮
- 主视觉
- 插画、手绘或卡通角色
- 转化动作
- 免费开始 / 立即注册
- 信任背书
- 用户数、星级或核心指标
- 导航
- 顶部通栏导航
- 明暗与密度
- 浅色 · 适中
- 圆角与层级
- 中圆角 · 有阴影
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：柔和友好
低饱和粉彩、大圆角与圆润字体，配友好的插画，面向大众用户。
## 设计参数
```css
:root {
--background: #fbf8f8;
--surface: #ffffff;
--foreground: #171517;
--muted-foreground: #696367;
--accent: #78465f;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #FBF8F8（约 78%） · 面板 #FFFFFF（约 8%） · 正文 #171517（约 7%） · 次要文字 #696367（约 4%） · 强调 #78465F（约 3%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：浅色 · 适中
- 圆角与层级：中圆角；用阴影区分层级
- 主视觉载体：插画、手绘或卡通角色
- 转化动作：免费开始 / 立即注册 · 信任背书采用用户数、星级或核心指标
- 标题切入点：结果与速度承诺
- 首屏组件特征：插画、悬浮多卡片、数据指标栏
- 空间布局拆解：顶部导航横向铺开，标题、说明与双 CTA 居中排列；下方以吉祥物插画为核心，两侧悬浮产品卡片。
- 视觉特征总结：暖白渐变底叠加柔和斜向纹理，超大黑色无衬线标题与莓紫 CTA 聚焦视线，中央卡通吉祥物搭配两侧示例卡片及创建量指标。
## 避免
- 纯黑大面积
- 直角
- 等宽字体
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。