Nothing Design skill

O que ela faz

A skill traz um sistema de design inspirado na Nothing, a marca de tecnologia, com influência da tipografia suíça e do design industrial da Braun e da Teenage Engineering. As telas ficam em preto, branco e tons de cinza, a tipografia cria a hierarquia e o vermelho aparece só como alerta.

Ela dá regras concretas: três camadas de importância por tela, no máximo duas famílias de fonte (Space Grotesk e Space Mono, com a Doto pros destaques), três tamanhos e dois pesos. O espaço entre os elementos faz o papel de linhas e caixas, e cada tela quebra o padrão em um ponto só.

Também lista o que nunca fazer: degradê, sombra, desfoque, tela de carregamento com esqueleto, pop-up de aviso, ícone colorido e animação com quique. Antes de começar, o Claude diz quais fontes do Google carregar e pergunta se a tela começa no modo claro ou no escuro.

Nas palavras de quem fez

Quando usar

• Dar cara de produto premium a um painel de métricas
• Desenhar um app com visual minimalista e técnico
• Fazer uma landing page em preto e branco com muito respiro
• Refazer uma tela poluída com hierarquia clara

Depois de instalar, é só pedir assim

• Usa o Nothing design e desenha o painel de vendas do meu SaaS no modo escuro
• Refaz essa página de preços no estilo Nothing, com o preço como destaque
• Aplica o Nothing design nessa tela do app e tira tudo que está sobrando

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas