🌟 CircleSfera
Iniciar SesiónRegistrarse

Guía de Estilos – CircleSfera

Paleta de Colores

blue-900
purple-900
pink-900
white
gray-100
gray-800
Gradiente principal: from-blue-900 via-purple-900 to-pink-900

Tipografía

Título Principal (text-4xl font-bold)
Subtítulo (text-2xl font-medium)
Texto normal (text-base)
Texto secundario (text-sm)

Botones

Tarjetas

Título de Tarjeta

Contenido de la tarjeta. Ejemplo de uso para paneles, dashboards o información destacada.

Otra Tarjeta

Tarjeta alternativa con fondo gris claro y acentos en púrpura.

Badges y Chips

Badge PúrpuraBadge RosaBadge AzulBadge Claro

Inputs y Formularios

Microinteracciones

¡Animación!

Responsive

Columna 1
Columna 2
Columna 3

Redimensiona la ventana para ver el comportamiento responsivo.

🎨 Guía de Estilos