Tarjeta estándar
Contenido agrupado con acción clara.
Ver detalleFundamentos visuales de Ally
Una propuesta neutra, profesional y adaptable, construida sobre variables CSS accesibles.
Color
--ally-color-primaryAcciones principales
--ally-color-accentAcento secundario
--ally-color-successÉxito
--ally-color-warningAdvertencia
--ally-color-dangerError
--ally-color-surfaceSuperficie
Tipografía
Heading 1
Heading 2
Heading 3
Texto de párrafo con una longitud de línea cómoda para lectura continua.
Texto secundario y metadatos..ally-componentBotones y estados
Estados
Éxito
Los cambios se guardaron.
Los cambios se guardaron.
Advertencia
Revisa los datos antes de continuar.
Revisa los datos antes de continuar.
Error
No pudimos completar la acción.
No pudimos completar la acción.
Información
La auditoría puede tardar unos minutos.
La auditoría puede tardar unos minutos.
Tarjetas
Panel
Superficie secundaria sin elevación.
Banner
Información destacada con borde semántico.