Badge / Etiqueta
Etiqueta en forma de píldora, llena, tenue, con contorno o clara, con icono y punto «live»
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
Las etiquetas de un vino en la vinoteca
Variante «Contorno»: un badge principal y tres etiquetas gemelas, cada una con su propio color del tema para texto y borde, centradas y en mayúsculas espaciadas.
03
En directo desde el escenario de un festival
Dos badges sobre un fondo noche en monoespacio: una píldora de cristal claro con el punto «live» que pulsa en el color de la marca, y otra con contorno naranja con los espectadores.
04
Los carteles de las rebajas en el escaparate
Tres píldoras grandes sobre una foto de tienda: radios asimétricos, padding generoso, icono después del texto y sombra que sigue la silueta.
05
Las categorías de un blog de cocina
Variante «Claro» con radio casi cuadrado y un icono Lucide: una nube de etiquetas que salta de línea sola.
06
Los niveles de los cursos de Contour
Tres badges con contorno discontinuo, uno por nivel, con la familia serif del estilo tipográfico y un icono para cada uno.
