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
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.
Memphis_Muted_Infographics_Component_Government
Un componente de infografía para el gobierno/servicios públicos, inspirado en el diseño de Memphis con un esquema de color apagado/desaturado. Presenta geometrías audaces, patrones divertidos y un diseño receptivo con soporte para modo oscuro. Muestra estadísticas e información clave visualmente.
Componente de infografía
Un componente infográfico complejo y minimalista para portafolios, que presenta estadísticas o logros clave. Utiliza un esquema de color complementario e incluye un diseño responsivo con soporte para modo oscuro.