Produtos

InstantGradient

The ultimate mesh gradient generator.

instantgradient.com Design / Assets de Design e Mockups

Benchmark IA
Desktop
Mobile
Visitas por mês
33.9K
Alta398.0%vs. mês anteriorago. de 2026
MRR
$18.25
Queda21.5%30d2026-07-30
Preço inicial
$1.58/mês
Mais barato que 99% dos paresMediana do nicho $12/mês
Criadores
Ugo
@ugo_builds· 1,673 seguidores
Lançamento
há 15 m
2025-09-02 · Est.

Tráfego e receita

Visitas por mêsDados até ago. de 2026 · set. de 2026 pending
Receita mensal verificadaOs dados de receita pararam em 2026-10-09
  • nov. de 2025$51.6
Eventos1 ação de marketing

Ações de marketing

Lançamentos, busca e conteúdo, referências, promoções
  • Lançado em Product HuntLançamento

    Gorgeous mesh gradients. Infinite palettes.

    23 de abr. · há 7 mPágina de lançamento

  • Lançado em Show HN (1 pts)Lançamento

    I built a tool to preview mesh gradients on UI components — I was sick of being bad at UI, so I built a tool to preview my mesh gradients on actual components before using them on my website. The to…

    30 de out. de 2025 · há 13 mPágina de lançamento

  • Lançado em TrustMRRLançamento

    The ultimate mesh gradient generator

    23 de out. de 2025 · há 13 mPágina de lançamento

  • Lançado em Show HN (1 pts)Lançamento

    Beautiful Gradient Backgrounds and Canvas — Hi HN, I think mesh gradients are cool, I use them a lot, probably too much. So I made a simple tool that puts one behind my screenshots.…

    2 de set. de 2025 · há 15 mPágina de lançamento

  • Lançado em Product HuntLançamento

    Make your images pop with stunning gradient backgrounds

    2 de set. de 2025 · há 15 mPágina de lançamento

Avaliações de terceiros e casos

Análise de aquisição, avaliações técnicas e métricas OSS
Show HN
2025-09-02Fonte
Trecho do post:
Hi HN, I think mesh gradients are cool, I use them a lot, probably too much. So I made a simple tool that puts one behind my screenshots. No watermark, no sign-up, I just paste my screenshot, select my current favorite color palette, I add an unhealthy amount of grain texture, and hit "copy". Lots of aspect ratios available. I also made a Canvas tool to make

Fontes de tráfego

ago. de 2026

Composição de tráfego

Canais

  • Direto40%
  • Busca orgânica32%
  • Referências11%
  • Redes sociais7%
  • Outros10%

Países

  • Estados Unidos19%
  • Índia17%
  • Brasil14%
  • França9%
  • México8%

Buscar

Autoridade de domínio 27Domínio registrado 2025-07-03

Palavra-chaveVolume mensal
juicy peach dc color1,010
instantgradient220
ben day dots filter online130
animated meches generator100
pattern refraction in webgl70

Dados de tráfego: Vaneform

Preços

Free
Desconhecido
Annual Pass
$19/ano
Up to 8 colours per palette · Unlimited Palette saves · Video export (MP4)
Lifetime Pass
$29/único
Up to 8 colours per palette · Unlimited Palette saves · Video export (MP4)

Teste: Nenhum · 2 paid tiers ($19–$29) · Observed 2026-11-03 · Página de preços

Preço inicial $1.58/mês, Mais barato que 99% dos pares; “Assets de Design e Mockups” tem mediana de $12/mês.Ver benchmark de preços

Páginas e mudanças

Monitorado desde 2026-07-30

Páginas principais

Capturas semanais

Mudanças

Nenhuma mudança de preço, plano ou posicionamento detectada desde o início do monitoramento.

Design

Análise visual da primeira dobra e CSS :root

Grade suíça de precisão (fundo claro, densidade equilibrado) com layout texto e visual divididos e visuais de captura de ui / componente.

Prévia da tela · clique para ampliar

First-screen pitch & conversion flow

“The ultimate mesh gradient generator.”

Estrutura hero texto e visual divididos combinada com CTA de entrada direta / teste imediato e avatares e depoimentos.

Conversion path: Texto e visual divididos + Captura de UI / Componente → Entrada direta / Teste imediato · Trust bar: Avatares e depoimentos

Paleta · clique para copiar

Nota de design 5-D7.9 / 10
Tipografia
8.0
Cor e contraste
8.0
Layout e espaçamento
8.0
Detalhe e acabamento
8.0
Originalidade
7.0

Estrutura

Fontes
Inter
Visual principal
Captura de UI / Componente
Prova social
Avatares e depoimentos
Navegação
Barra superior total
Tema e densidade
Claro · Equilibrado
Cantos e profundidade
Raio médio · Com sombra
Ver brief de design IA completo (inclui variáveis CSS :root e regras)Apenas tokens de estilo; nunca copie marcas, logos, textos ou imagens
# Brief de design: Grade suíça de precisão (com Monocromático Minimalista)

Linhas de grade aparentes de 1px com miras nas interseções, cartões bento modulares e alinhamento geométrico rigoroso com acabamento de engenharia moderna.

## Tokens de Design

```css
:root {
  --background: #eeede8;
  --surface: #f8f7f2;
  --foreground: #262625;
  --muted-foreground: #73736d;
  --accent: #498f8d;
  --radius: 8px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

Proporção de área de cor: Fundo #EEEDE8 (~69%) · Superfície #F8F7F2 (~7%) · Texto #262625 (~8%) · Texto secundário #73736D (~3%) · Destaque #498F8D (~13%). O fundo e a superfície dominam a tela; reserve a cor de destaque para botões principais e estados ativos.

## Estrutura de Layout e Conversão

- Layout hero: Texto e visual divididos
- Navegação: Barra superior total
- Tema e densidade: Claro · Equilibrado
- Raio da borda e elevação: Raio médio; usar sombras de elevação para separar camadas
- Meio visual principal: Captura de UI / Componente
- CTA de conversão: Entrada direta / Teste imediato · A barra de confiança usa Avatares e depoimentos
- Gancho do título: Âncora de posicionamento de categoria
- Componentes hero: Faixa de métricas
- Notas de layout espacial: Estrutura hero texto e visual divididos combinada com CTA de entrada direta / teste imediato e avatares e depoimentos.
- Resumo visual: Grade suíça de precisão (fundo claro, densidade equilibrado) com layout texto e visual divididos e visuais de captura de ui / componente.

## Evitar

- Formas orgânicas suaves
- Elementos flutuantes livres desalinhados
- Sombras pesadas que encobrem as linhas finas da grade

Implemente a interface seguindo os tokens de design e especificações acima: use apenas estas variáveis de cor e reserve a cor de destaque estritamente para ações principais e estados ativos. Adote apenas este estilo visual — nunca copie nome de marca, logotipo, textos ou imagens de produtos de referência.

Perguntas e dados

Quanto custa o InstantGradient? (Preços e planos)
Free: Desconhecido; Annual Pass: $19/ano; Lifetime Pass: $29/único. Observado em 2026-11-03. Consulte a fonte para conferir as condições de cobrança, os limites de uso e os impostos atuais.Fonte
Quanto tráfego o site de InstantGradient recebe?
A Vaneform estima 33.9K visitas em 2026-08. Elas podem incluir retornos; clientes pagantes e receita precisam de evidências próprias.Fonte

Produtos da mesma categoria

Design / Assets de Design e Mockups

Esses produtos estão na mesma categoria. Compare as necessidades atendidas, os recursos e os requisitos de implantação antes de considerá-los alternativas.