Design SystemComponents
Card
Superfície flat, tipografia técnica e hover quase imperceptível.
Import: import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardInteractive } from "@ascend/ui/card"
Estático
Resumo do mês
Superfície opaca, borda hairline, sem sombra constante.
Saldo projetado e metas ficam legíveis em densidade confortável.
Interativo
Conta corrente
Hover: −0.5px e
--shadow-md.R$ 12.480,00
Cartão
Mesmo contrato, outra instância.
R$ 3.210,55
Contrato
- Título
text-base/ weight 600 (nãotext-2xl) - Padding
p-4(densidade Linear-like) - Raio
rounded-md→calc(var(--radius) - 2px) - Interactive: translateY −0.5px + shadow token, sem rgba hardcoded