Card estándar
Border hairline, radio 8px, padding 24. La opción más usada del sistema.
Las piezas que se ensamblan en patrones. Cada una tiene estado por defecto, hover, focus, disabled y notas de accesibilidad. Hechas sobre los tokens — cámbialos y todo el sistema se mueve con ellos.
Borde 2px ink, radio 0, hover desplaza la pieza 1px e introduce sombra brutal de naranja. Filosofía: la acción se siente decisiva, no decorada.
El "siguiente paso" de B&O. La flecha se desplaza al hover. En rosa para upgrades/VIP, naranja para acciones de marca, ink default.
Tres flavors: default (border 1px), brutal (border 2px ink, radio 0) y hoverable (con la firma brutal).
Border hairline, radio 8px, padding 24. La opción más usada del sistema.
Border 2px ink, radio 0. Para cuando el contenido pide presencia.
Pasa el cursor — la firma brutal de naranja aparece al elevar.
Foto 4:5 (mismo ratio del sitio actual), nombre, rol, organización en mono. Usable para hosts, panelistas o mentores.
Tres variantes — outline default + featured ink + opcional flag rosa para upgrades. El precio en display 44px tabular.
Mono 11px, uppercase, letter-spacing 0.12em. Para estado, etiquetas de track, status del sistema.
Label en mono uppercase. Input 44px. Focus = halo soft orange (sin desplazar la pieza). Para el form de registro del evento.
Borde lateral 3px del color del callout. Usa naranja para regla de marca, rosa para llamadas a upgrade, status para alertas.
Indicador naranja debajo del tab activo. Para alternar tracks de agenda, formato de speakers, etc.
Sesiones enfocadas en demand generation, contenido y atribución multicanal.
Sales systems, lead scoring y handoff con marketing.
Procesos, automatización y RevOps para escalar sin caos.
Hora en mono · sesión + speaker · tag de track. La pieza atómica de la página de agenda completa.
Cifras grandes en display tabular. El sufijo (%, +, x) en naranja para marcar la marca cuando hay datos reales.