PASSI DS · 1.2.0

Tokens em uso

Esta página usa somente as variáveis de css/passi.css.

Botões

Campos e mensagens

Como aparece no seu documento.
Falta o domínio. Exemplo: nome@empresa.com
Nova versão disponívelBaixe a versão 1.1 para ter os componentes de gráficos.
Arquivo publicadoOs componentes já aparecem na biblioteca do time.

Card, selo, sombra e gradiente

Publicado

Governança sem burocracia

Quem decide, quem mantém e como evoluir o design system sem travar os times de produto.

Menu flutuante

Sombra média: só em elementos que flutuam.

Gradiente Noite

Você não precisa saber fazer. Precisa saber cobrar.

Dados em tabela

Chaves ocultas que só se copiam pelo botão, valores com largura igual e o olho que esconde todos os valores.

Chaves de acesso
NomeChaveStatus
ProduçãoCriada por Ana Souza
Ativa
TestesCriada por Rafael Lima
Ativa
Extrato de outubro
DataDescrição Valor
28 outAssinatura Figma ProfessionalCartão final 4821 · cobrado em dólar−R$ 82,47
27 outPix recebido de Clara MendesMentoria de design system, sessão 3 de 6+R$ 1.200,00
25 outHospedagem VercelPlano Pro, cobrança mensal−R$ 112,30
22 outCurso de UX WritingCompra cancelada a pedido−R$ 497,00Estornado
Saldo do períodoNão inclui estornosR$ 1.005,23

Estilos de texto

Cores com função