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 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
Un componente de insignias responsivo diseñado con un estilo 3D utilizando tonos Tierra, con elementos interactivos adecuados para un tablero.
Industrial_Candy_Finance_Badges_Component
Un componente de insignias complejo para finanzas/banca, que combina la estética industrial con colores dulces brillantes. Cuenta con múltiples insignias interactivas, diseño receptivo y compatibilidad con el modo oscuro.