UI kit de esqueumorfismo

O esqueumorfismo pega emprestado de objetos físicos: metal escovado, couro costurado, cavidades rebaixadas, interruptores que viram. Cada controle se parece com o que faz, então a interface se explica sozinha. O capricho está na luz, que vem de uma só direção em todas as partes.

Imagens e gravações do kit real. O código pago não roda neste site.

Componentes

  • Skeuo

    Uma mesa de trabalho com uma regra de hora do dia: a hora move o sol, as texturas assadas são resombreadas, cada sombra e cada esmalte acompanham, e o H1 lê o sol de volta

Kit de dashboard

  • Daybook

    Um livro-caixa verde encadernado com páginas que realmente viram, uma fita de seda para puxar e marcas a lápis vermelho: o livro-razão dobra seus próprios lançamentos e escreve o H1

  • Deckle

    A mesa de um estúdio de papelaria vista de cima: pedidos numa bandeja de carvalho, um sobre o mata-borrão de feltro, um carimbo de borracha que desce sobre uma folha pronta, gavetas para todo o resto e uma máquina de estados que escreve o H1

Kit mobile

  • Ladle

    Um app de lata de receitas sobre uma tábua de cortar: uma régua de buxo define as porções, o cartão se reescala, potes de vidro mostram o que sobra e o bloco e o H1 escrevem o que falta

  • Ladle: Recipe tin with paper cards and kilner jarsLadle

    Recipe tin with paper cards and kilner jars

Landing pages

  • Endpaper

    Um caderno cujas páginas viram ao rolar, com texto ao vivo nelas, uma fita que balança e uma contracapa que fecha no fim: marque uma linha e o H1 faz a contagem regressiva

  • Pigeonhole

    Uma caixa de entrada compartilhada como um escaninho de carvalho: puxe uma carta, ela se desdobra ao longo dos vincos, entregue-a a um escaninho ou lacre-a, e o escaninho recontabiliza o H1

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.

O checkout abre em breve. Enviamos um único e-mail, com o seu link de lançamento.

Comparar planos

Incluído no goodui Pro. Cole sua chave de licença; ela fica só neste navegador.

Ainda sem licença? Veja os preços

Com uma chave de licença, pelo seu terminal:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-skeuo.zip https://goodui.dev/kits/skeuo.zip