MATERIAL 01Glass
Visucio Workspace
Clareza em
primeiro plano.
Profundidade para organizar.
Transparência para conectar.
VSeu próximo projeto
VISUCIO UI / 1.2 · LIQUID MOTION
Uma interface que você sente.
Mais transparência. Movimento que conecta cada gesto.
A identidade Visucio, pronta para o seu próximo projeto.
Clareza em
Pequenos gestos.
Respostas precisas.
Explorar componentes
TIPOGRAFIA100 — 900
Ag123
Ajustado a você.
PreferênciasMicrointerações
O detalhe faz a diferença.
Demonstração local
Uma linguagem compartilhada.
Conhecer os fundamentos01
Identidade
Azul Visucio, neutros precisos e proporções consistentes.
02
Clareza
Estados legíveis, foco visível e navegação por teclado.
03
Liberdade
CSS independente. Use com HTML, PHP ou seu framework.
BIBLIOTECA / COMPONENTES
Prontos para compor.
Exemplos reais, com o HTML de cada componente.
BIBLIOTECA / FUNDAMENTOS
Tudo começa na base.
Cores, tipografia e proporções que conectam os produtos.
BIBLIOTECA / MOVIMENTO
Movimento com intenção.
Animações curtas para orientar a atenção e confirmar ações.
BIBLIOTECA / ÍCONES
Um traço consistente.
60 ícones Lucide, incluindo produtos e conceitos financeiros. Clique para copiar o HTML.
Produtos e conceitos financeiros
20 associações semânticas para as interfaces Visucio.
Interface e navegação
Ícones decorativos usam aria-hidden. Dê um nome acessível aos botões que contêm apenas ícones. Licença Lucide
DOCUMENTAÇÃO / INTEGRAÇÃO
Seu projeto. Nossa base.
Sem cadastro. Sem dependência de framework. Sem compilação.