UI KIT DEL VILORIO
Catálogo de Componentes Neo-Brutalistas
1. La Trinidad Tipográfica
Títulos: Bebas Neue | font-family: var(--font-display);
Datos y Botones: Red Hat Mono | font-family: var(--font-mono);
Lectura: Inter | font-family: var(--font-body);
Título H1 (Gigante y Gritón)
Título H2 (Para secciones)
Título H3 (Para tarjetas)
Datos y Botones: Red Hat Mono | font-family: var(--font-mono);
Esta es la tipografía para las etiquetas, fechas, botones y datos técnicos. Parece un ticket de la compra o una máquina de escribir.
Lectura: Inter | font-family: var(--font-body);
Aquí vemos en acción la clase .neo-dropcap. La primera letra se hace gigante usando la fuente Bebas Neue en color rojo, mientras que el resto del texto utiliza la fuente Inter, que es la más amable para los ojos cuando hay que leer textos largos en pantallas digitales.
2. Cajas, Botones y Etiquetas
Caja Base: class="neo-box"
Soy una neo-box
Fíjate cómo floto y mi sombra dura crece cuando pasas el ratón por encima.
Botón Estándar: class="neo-btn"
Etiquetas: class="neo-tag"
Ideales para marcar categorías o fechas en las tarjetas de WordPress:
Historia Urgente Nuevo3. Magia Pop Art (Superexpress)
Trama Cómic: class="pop-art-halftone"
Puntos Roy Lichtenstein
Pegatina Torcida: class="pop-art-sticker"
Las pegatinas sirven para destacar algo rompiendo la estructura recta de la caja.
¡OFERTA!
GACERÍA
Rayos Giratorios: class="pop-art-burst"