Noir: um nó cromado de contornos duros em lavanda sobre quase preto
Noir é o estilo de alto contraste. A Suavidade desce de 45 para 9, por isso cada uma das 4 faixas termina numa linha nítida em vez de num gradiente, e o nó parece aço polido sob uma única luz dura. A Cor clara é quase preta, a Tinta uma lavanda pálida e o Destaque um tom de carvão, o que deixa as riscas de lavanda como a única coisa luminosa da página.
Torne-o seu
Acalme o movimento, mantenha o gume
Com a Suavidade em 9, as margens das faixas podem tremeluzir enquanto se deslocam. Se a animação parecer agressiva, abrande a Velocidade de 24 para perto de 10 antes de mexer na Suavidade, e o aspeto afiado sobrevive.
Reforce os realces
A Iluminação está no valor predefinido de 100. Por volta de 130, as faixas de lavanda ficam visivelmente mais luminosas contra o fundo preto sem qualquer alteração na Tinta, o que dá jeito quando o nó fica por baixo de uma sobreposição escura.
Perguntas frequentes
Noir funciona por trás de texto num hero em modo escuro?
Sim, com cuidado. O fundo quase preto convém a texto claro, mas as faixas de lavanda são luminosas e de contornos duros, por isso mantenha os títulos fora do próprio nó. As pré-visualizações Dividido e Landing page mostram-no ao lado de texto; colocar a forma de um lado é mais seguro do que centrar texto por cima dela.
Como funciona
Escolha uma forma
Escolha um nó, uma esfera, um toro, uma cápsula, uma flor, um satélite, uma hélice, ligações, uma gema ou uma fita, ou importe um modelo GLB, OBJ ou STL.
Molde o metal
Defina as faixas, a distorção, a suavidade, a densidade de riscos, a luz e a velocidade, e escolha as cores de papel, primária e secundária.
Enquadre e use
Rode e dimensione a forma, pré-visualize-a em layouts de landing page, cartão e telemóvel e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.