RetroInfographicsComponent
Un componente de infografía responsivo con un diseño retro/vintage, combinación de colores pastel y compatibilidad con el modo oscuro. Utiliza Tailwind CSS para el estilo e incluye múltiples elementos interactivos para una interfaz compleja adecuada para blogs y consumo de contenido. Incluye una línea de tiempo, barras de progreso, gráficos y una llamada a la acción, todo ello con estética de los años 80/90 y colores pastel. Utiliza imágenes aleatorias de picsum.photos y randomuser.me para avatares.
Código HTML
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>Componentes relacionados
Componente de infografía
Componente de infografía receptivo con diseño retro / vintage, combinación de colores monocromática y soporte de temas oscuros para sitios web comerciales.
Componente de infografía
Un componente de infografía simple diseñado con una estética 3D, utilizando colores pastel para las interfaces de redes sociales, con soporte para modo oscuro.
Componente de infografía
Componente de infografía: interfaz de usuario de modo oscuro con diseño complejo y en escala de grises. Responsivo con soporte para temas oscuros.