产品

Magicpattern

为设计师、开发者等用户提供在线图形工具,用于制作背景、图案和渐变并导出为图片或代码。

magicpattern.design 设计 / 平面与品牌设计

AI 竞品立项评估
桌面端
移动端
月访问
191.4K
上升1.6%环比2026 年 9 月
月收入 (MRR)
$2,000自述
2026-09-29 披露Indie Hackers
入门价
$10/月
低于同类 50% 的产品同类中位数 $10.69/月
创作者
Jim Raptis
@d__raptis· 31.7K 关注
首次发布
6 年前
2020-08-26 · 估算

访问与收入

月访问数据截至 2026 年 9 月
月收入 (MRR)自述,未经验证 · Indie Hackers
  • 2026 年 9 月$2,000自述 MRR · 未经验证
事件1 条收入证据 · 5 个变化

收入证据

公开披露与已验证的收入数字,按数字日期

营销动作

发布、搜索与内容、引荐、促销
  • 在 IndiePage 发布发布

    Magicpattern — Collection of Design tools for amazing gradients, patterns, backgrounds, and assets.

    2024 年 10 月 4 日 · 2 年前发布页

  • Magicpattern 在 Product Hunt 发布发布

    Generate subtle dotted background patterns

    2024 年 6 月 1 日 · 2 年前原文证据

  • Magicpattern 在 Product Hunt 发布发布

    Generate SVG starry night sky patterns

    2023 年 12 月 11 日 · 2 年前原文证据

  • Magicpattern 在 Product Hunt 发布发布

    Create unique customizable SVG gradients with MagicPattern

    2022 年 12 月 22 日 · 3 年前原文证据

  • Magicpattern 在 Product Hunt 发布发布

    10+ tools for instant visuals generation

    2021 年 3 月 18 日 · 5 年前原文证据

流量来源

2026 年 9 月

访问构成

渠道

  • 自然搜索59%
  • 直接访问25%
  • 社交媒体8%
  • 外部引荐5%
  • 其他2%

国家/地区

  • 美国17%
  • 印度8%
  • 新加坡7%
  • 德国5%
  • 法国4%

搜索

站点权重 —域名注册 2020-07-21

关键词月搜索量
magic patterns14.8K
gradient maker10.5K
mesh gradient4,690
pattern generator3,030
mesh gradient generator1,320

流量数据:Vaneform

定价

Pro
$20/月
按年付 $240/年
30+ Tools · ∞ Exports · ∞ Saved Graphics
Basic
$10/月
按年付 $120/年
30+ Tools · ∞ Exports · 100 Saved Graphics
3 Months access to MagicPattern Basic
未知
6 Months access to MagicPattern Basic
未知
Enterprise
联系销售

试用:未提供 · 2 档付费($10–$20) · 设企业定制档 · 观察于 2026-11-03 · 原定价页

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

页面与变化

开始记录于 2026-09-15

关键页面

每周快照

官方博客与更新日志

近期官方文章与版本动态
  • 2026-11-07更新日志阅读原文

    MagicPattern Changelog - Latest Product Updates & New Features

    We use cookies. Alright Community All Tools Templates Blog Pricing Sign In Get Started Product Updates MagicPattern Changelog Follow every new tool, feature, improvement, and fix shipped for the MagicPattern design toolbox. Table of Content

  • 2026-11-07官方博客阅读原文

    How to create a polka dot pattern

    The polka seamless pattern is the ultimate trend on design & landing pages lately. The good news is that you can easily create and customize a pattern like that in minutes with MagicPattern. This short guide walks you through the steps to r

  • 2026-11-07官方博客阅读原文

    21 Geometric Patterns for graphic design inspiration

    We use cookies. Written by Jim Raptis Aug 27, 2021 01\. Geometric Pattern View Original Work 02\. Geometric Pattern View Original Work 03\. Geometric Pattern View Original Work 04\. Geometric Pattern View Original Work 05\. Geometric Patter

  • 2026-11-07官方博客阅读原文

    12 Patterns for graphic design inspiration

    We use cookies. Written by Jim Raptis Aug 27, 2021 01\. Pattern View Original Work 02\. Pattern View Original Work 03\. Pattern View Original Work 04\. Pattern View Original Work 05\. Pattern View Original Work 06\. Pattern View Original Wo

变化

  1. 11 月 1 日 · 13 天前

    首页主标题(H1)改为「Beautiful Graphics With 30+ Tools. Instantly & Effortless!」定位

    Beautiful Graphics With 20+ Tools. Instantly & Effortless!→Beautiful Graphics With 30+ Tools. Instantly & Effortless!

  2. 11 月 1 日 · 13 天前

    新增采用技术栈:Google Analytics功能

    —→Google Analytics

  3. 11 月 1 日 · 13 天前

    新增采用技术栈:Google Font API功能

    —→Google Font API

  4. 11 月 1 日 · 13 天前

    新增采用技术栈:core-js功能

    —→core-js

  5. 11 月 1 日 · 13 天前

    首页标题改为「MagicPattern - Beautiful backgrounds, patterns, gradients with 30+ Tools」定位

    MagicPattern - Beautiful & cool backgrounds with 20+ tools!→MagicPattern - Beautiful backgrounds, patterns, gradients with 30+ Tools

设计

首屏视觉分析与 :root CSS

白底大留白配海军蓝粗标题与紫色胶囊按钮,右侧高饱和几何图案拼贴,底部客户标志墙。

首屏预览 · 点击放大

首屏讲了什么与转化路径

“Beautiful Graphics With 30+ Tools. Instantly & Effortless!”

顶栏横贯,左侧标题按钮与要点,右侧圆角图案网格,底部居中标志。

首屏转化路径:左文右图 + 插画、手绘或卡通角色 → 免费开始 / 立即注册 · 配合客户或媒体标志墙建立信任

色板 · 点击复制

五维设计评分7.9 / 10
字体与排版
8.0
色彩与对比
8.0
构图与留白
8.0
细节与工艺
8.0
风格辨识度
7.0

结构

字体
Inter
首屏版式
左文右图
主视觉
插画、手绘或卡通角色
信任背书
客户或媒体标志墙
导航
顶部通栏导航
明暗与密度
浅色 · 留白多
圆角与层级
胶囊 · 有阴影
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:极简单色(兼备高饱和潮酷)

黑白灰加一个强调色,细线分隔,大量留白,靠字号与字重分层级。

## 设计参数

```css
:root {
  --background: #ffffff;
  --surface: #f4f5f8;
  --foreground: #0e1340;
  --muted-foreground: #8b90a0;
  --accent: #5c4bff;
  --radius: 9999px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

色彩面积配比:背景 #FFFFFF(约 55%) · 面板 #F4F5F8(约 8%) · 正文 #0E1340(约 14%) · 次要文字 #8B90A0(约 8%) · 强调 #5C4BFF(约 15%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。

## 版式与转化结构

- 首屏版式:左文右图
- 导航结构:顶部通栏导航
- 明暗与密度:浅色 · 留白多
- 圆角与层级:胶囊;用阴影区分层级
- 主视觉载体:插画、手绘或卡通角色
- 转化动作:免费开始 / 立即注册 · 信任背书采用客户或媒体标志墙
- 标题切入点:结果与速度承诺
- 首屏组件特征:客户标志墙、数据指标栏
- 空间布局拆解:顶栏横贯,左侧标题按钮与要点,右侧圆角图案网格,底部居中标志。
- 视觉特征总结:白底大留白配海军蓝粗标题与紫色胶囊按钮,右侧高饱和几何图案拼贴,底部客户标志墙。

## 避免

- 多种强调色并用
- 渐变背景
- 重阴影

请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。

问题与证据

Magicpattern 的价格是多少?
Pro: $20/月(提供年付); Basic: $10/月(提供年付); 3 Months access to MagicPattern Basic: 未知; 6 Months access to MagicPattern Basic: 未知; Enterprise: 联系销售. 观察于 2026-11-03。 当前计费条件、用量限制与税费以来源页面为准。来源
Magicpattern 的网站访问量是多少?
Vaneform 估算 2026-09 网站访问量为 191.4K。访问量包含重复访问,付费客户数与收入需分别查看对应证据。来源

同分类研究对象

设计 / 平面与品牌设计

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

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