Hero — variantes internas

El contenedor navy se queda. Lo que cambia es cómo se acomoda el contenido adentro — código, título, badges, y especialmente las stats numéricas. 5 variantes que tratan el mismo data (5 Merchants · 1 Partner User · 0 Total Devices) de formas distintas.

B1

Actual — stats stacked top-right

Lo que está hoy. Title + badges izquierda, 3 stats grandes apilados a la derecha. Funciona pero los números compiten con el título y "0 Total Devices" lee como vacío/sad.

B05516BA

BCPOS Group

House PartnerActivoRegistered Apr 14, 2026
5
Merchants
1
Partner Users
0
Total Devices
B2

Inline metadata strip — stats compactos junto a los badges

Las stats se vuelven texto inline dot-separated debajo del título, en la misma línea visual que los badges. El "0 Total Devices" pierde dramatismo (no es un número grande gritando "cero"). Hero respira mucho más, todo el contenido va en la mitad izquierda.

B05516BA

BCPOS Group

House PartnerActivoRegistered Apr 14, 2026
5 merchants · 1 partner user · 0 devices
B3

Stat pills — chips con icono + count + label

Cada stat se vuelve un chip redondeado con un ícono brand-light + número + label. Más compacto que los números grandes pero más visual que el texto inline. Lee como "metadata enriquecida". El "0 devices" sigue ahí pero como info, no como métrica protagonista.

B05516BA

BCPOS Group

House PartnerActivoRegistered Apr 14, 2026
5merchants 1user 0devices
B4

Bottom strip — stats abajo full-width con dividers

El header (código + título + badges + fecha) ocupa la parte de arriba. Las stats bajan a una franja completa abajo, separadas por dividers verticales y distribuidas en columnas iguales. Cada stat tiene espacio propio — leen como "datos clave de un dashboard". Funciona muy bien si hay 3-5 stats; con 1-2 queda vacío.

B05516BA

BCPOS Group

House PartnerActivoRegistered Apr 14, 2026
5
Merchants
1
Partner Users
0
Total Devices
B5

Lead metric — un número manda, los otros como contexto

Una stat es la "headline number" — gigante, con gradient brand-light. Las otras se tuckean debajo más chiquitas. Funciona si hay UNA métrica clave por entidad (ej: para Partner = Merchants count; para Product = MSRP; para Customer = Total spend). Necesita lógica por entidad — qué métrica es la "lead" — pero crea jerarquía clara.

B05516BA

BCPOS Group

House PartnerActivoRegistered Apr 14, 2026
5
Merchants
1 user 0 devices