UI kit de neumorfismo
O neumorfismo extrai a interface de uma única cor: os controles sobem do fundo ou afundam nele, desenhados por uma sombra clara e outra escura. Seu ponto fraco conhecido é o contraste, então aqui os estados vêm da profundidade e de uma cor de destaque de verdade, e os rótulos ficam em 4.5:1.
Imagens e gravações do kit real. O código pago não roda neste site.
Componentes
- Neumorphism
Uma bancada com um dial de lâmpada e uma auditoria AA ao vivo: mova a lâmpada e cada sombra da página acompanha, troque a folha e as tintas são resolvidas de novo, desligue as sombras e todo estado continua legível
Kit de dashboard
- Fourhourly
Um quadro de enfermaria em que cada tecla de leito fica tão afastada da folha quanto sua faixa NEWS2 real: insira um conjunto de sinais e a aritmética reescreve o H1, e o mesmo fato é impresso como número, palavra e forma
- Sill
Uma planta baixa moldada na folha com o sol real como lâmpada da UI: percorra o dia e cada sombra da página gira, a luz do sol cruza cada andar, uma dobra térmica escreve o H1 e o tema escurece ao pôr do sol
Kit mobile
Landing pages
- Fourfive
Um verificador de contraste cujo H1 é a razão medida desta página: pinte a página como um template de neumorfismo e ela realmente falha em 2.28:1, depois resolva as tintas e veja as verificações ficarem verdes
- Sixkey
Um controle remoto de silicone com seis teclas que realmente afundam e escrevem o H1, um corte através de uma tecla guiado por uma curva de força real e uma escolha de cor que resolve a página inteira de novo
Como comprar
Todos os kits estão no goodui Pro: $99 uma vez, com atualizações vitalícias. O Team custa $249 para até 10 desenvolvedores.
O checkout ainda não abriu. Entre na lista e enviaremos o link de pré-venda uma vez.
Com uma chave de licença, pelo seu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip