Produtos

Neumorphism

Generate neumorphic designs

neumorphism.io Fonte★ 281Desenvolvimento de Software / Utilitários para Desenvolvedores

Benchmark IA
Desktop
Mobile
Visitas por mês
43K
Alta15.4%vs. mês anteriorset. de 2026
Receita divulgada
Não divulgado
Ainda sem prova de receita pública
Preço inicial
Grátis
Sem preço de assinatura mensal
Criadores
adam_giebl
@adam_giebl· 90 seguidoresCocriado com adamgiebl
Lançamento
há 6 a
2020-02-11 · Est.

Tráfego

Visitas por mêsDados até set. de 2026
Eventos2 alterações

Ações de marketing

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

    CSS code generator that will help with Neumorphism/Soft UI

    4 de mar. de 2021 · há 5 aPágina de lançamento

  • Lançado em Product HuntLançamento

    Generate Soft-UI/Neumorphism CSS code

    11 de fev. de 2020 · há 6 aPágina de lançamento

Open Source e Auto-hospedagem

GitHub · MCP / Skill
Último commit 2026-10-14
Estrelas no GitHub
★ 281
Forks
21
Licença
Ver repositório
Linguagem principal
—

Fontes de tráfego

set. de 2026

Composição de tráfego

Canais

  • Direto42%
  • Busca orgânica38%
  • Referências14%
  • Outros6%

Países

  • Estados Unidos26%
  • Índia11%
  • Alemanha7%
  • Brasil6%
  • Indonésia6%

Buscar

Autoridade de domínio —Domínio registrado 2019-12-30

Palavra-chaveVolume mensal
neumorphism24.4K
neomorphism4,000
neumorphism ui3,440
neumorphism design870
what is soft ui180

Dados de tráfego: Vaneform

Preços

Página de preços ainda não identificada ou sem preços públicos.

Páginas e mudanças

Monitorado desde 2020-02-11

Páginas principais

Capturas semanais

Mudanças

  1. 1 de nov. · há 13 d

    Tecnologia removida: PlausibleRecursos

    Plausible→—

  2. 1 de nov. · há 13 d

    Tecnologia adotada: UmamiRecursos

    —→Umami

Design

Análise visual da primeira dobra e CSS :root

Suave e amigável (fundo claro, densidade equilibrado) com layout tela cheia / vídeo / 3d e visuais de demo interativa na dobra.

Prévia da tela · clique para ampliar

First-screen pitch & conversion flow

“Neumorphism.io”

Estrutura hero tela cheia / vídeo / 3d combinada com CTA de entrada direta / teste imediato e usuários, avaliação ou métricas-chave.

Conversion path: Tela cheia / Vídeo / 3D + Demo interativa na dobra → Entrada direta / Teste imediato · Trust bar: Usuários, avaliação ou métricas-chave

Paleta · clique para copiar

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

Estrutura

Fontes
Inter / JetBrains Mono
Visual principal
Demo interativa na dobra
Prova social
Usuários, avaliação ou métricas-chave
Navegação
Logo minimal + ação
Tema e densidade
Claro · Equilibrado
Cantos e profundidade
Raio grande · 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: Suave e amigável (com Monocromático Minimalista)

Tons pastéis quentes de baixa saturação, cantos bem arredondados e ilustrações acolhedoras.

## Tokens de Design

```css
:root {
  --background: #e4e4e4;
  --surface: #eeeeee;
  --foreground: #14233a;
  --muted-foreground: #8a8f96;
  --accent: #14233a;
  --radius: 16px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
```

Proporção de área de cor: Fundo #E4E4E4 (~46%) · Superfície #EEEEEE (~28%) · Texto #14233A (~12%) · Texto secundário #8A8F96 (~8%) · Destaque #14233A (~6%). 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: Tela cheia / Vídeo / 3D
- Navegação: Logo minimal + ação
- Tema e densidade: Claro · Equilibrado
- Raio da borda e elevação: Raio grande; usar sombras de elevação para separar camadas
- Meio visual principal: Demo interativa na dobra
- CTA de conversão: Entrada direta / Teste imediato · A barra de confiança usa Usuários, avaliação ou métricas-chave
- Gancho do título: Âncora de posicionamento de categoria
- Componentes hero: Ferramenta interativa no hero, Código e Terminal
- Notas de layout espacial: Estrutura hero tela cheia / vídeo / 3d combinada com CTA de entrada direta / teste imediato e usuários, avaliação ou métricas-chave.
- Resumo visual: Suave e amigável (fundo claro, densidade equilibrado) com layout tela cheia / vídeo / 3d e visuais de demo interativa na dobra.

## Evitar

- Fundos pretos puros agressivos
- Cantos retos de 0px
- Jargão técnico frio no texto do hero

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 tráfego o site de Neumorphism recebe?
A Vaneform estima 43K visitas em 2026-09. Elas podem incluir retornos; clientes pagantes e receita precisam de evidências próprias.Fonte

Produtos da mesma categoria

Desenvolvimento de Software / Utilitários para Desenvolvedores

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

Ver todos os produtos e referência de preços em “Utilitários para Desenvolvedores” →