Insignias retro
Componente de insignias retro / vintage para sitios web comerciales / corporativos con combinación de colores complementaria. Diseño simple, diseño responsivo con soporte para temas oscuros. Sin JavaScript.
Código HTML
<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-900">
<!-- Badge 1 -->
<span class="px-3 py-1 text-sm font-semibold text-purple-800 bg-purple-200 rounded-full dark:text-purple-200 dark:bg-purple-800">
Vintage Vibe
</span>
<!-- Badge 2 -->
<span class="px-3 py-1 text-sm font-semibold text-yellow-800 bg-yellow-200 rounded-full dark:text-yellow-200 dark:bg-yellow-800">
Retro Style
</span>
<!-- Badge 3 -->
<span class="px-3 py-1 text-sm font-semibold text-green-800 bg-green-200 rounded-full dark:text-green-200 dark:bg-green-800">
Classic Look
</span>
</div>Componentes relacionados
Componente de insignias
Un componente de insignias versátil diseñado para sitios web comerciales / corporativos, que utiliza tonos tierra en una interfaz de usuario de modo oscuro para mejorar la experiencia del usuario. El componente presenta capacidad de respuesta con algunos elementos interactivos.
Componente de insignias
Un componente de insignias neumórficas con un esquema de color análogo para un sitio web de blog/contenido. Cuenta con un diseño responsivo y soporte para temas oscuros, utilizando solo HTML y Tailwind CSS.
Componente de insignias
Componente de insignias con soporte de tema oscuro receptivo para comercio electrónico.