Sellitos

Manual de identidad · 2026

Sellitos

Cómo se ve y cómo se mueve. El sello de toda la vida, en el celular.

Baja
Sellitos
Sellitos
Sellitos
Sí
  • Azul sello sobre blanco o niebla.
  • Blanco sobre azul noche o azul sello.
  • Espacio libre de ¼ del ancho alrededor.
No
  • Azul sello sobre azul noche (2.7:1).
  • Logo en ámbar: el ámbar es del premio.
  • Sombras, biseles, degradados, estirarlo, “Sellitoos”.
Logo a color · SVG Logo a color · PNG Logo blanco · SVG Logo blanco · PNG Solo la marca · SVG Marca blanca · PNG

Los SVG escalan sin perder calidad. Los PNG tienen fondo transparente.

02Color

Azul para actuar. Ámbar solo para ganar.

Toca una banda. Los colores salen del producto real; el ámbar casi no aparece, y por eso se nota.

Azul sello
#2447F9

Marca, botones, enlaces. Hover #1A35C4.

Azul noche
#0B1B3F

Texto principal y fondos oscuros.

Ámbar premio
#FFB020

Solo el premio. Texto siempre azul noche.

Niebla
#F5F5F7

Fondos de sección.

Blanco
#FFFFFF

Fondo base y tarjetas.

Gris tinta
#5B6478

Texto secundario.

Verde ok
#1F9D55

Solo estado “activo / listo”. No es color de marca.

60 · Blanco y niebla
20
15
5

Proporción sugerida: 60 · 20 · 15 · 5. El ámbar nunca pasa del 5%.

Contrastes verificados

Sí
  • Mucho aire, blanco y niebla.
  • Un solo color de acción por pantalla: azul sello.
  • Ámbar en la casilla del premio.
  • Promos: cada tipo con un tinte suave propio (azul, crema, verde, lila), solo de fondo de tarjeta.
  • Un degradado suave del mismo color, de claro a un poco más profundo.
No
  • Ámbar en botones.
  • Degradados pesados o plastas con letra chica (look de banco o telefónica).
  • Más de tres colores por pieza.
03 · Tipografía

Bricolage para hablar.

wght 300Bricolage Grotesque · variableopsz 12

Títulos

Tus clientes regresan solos.

Bricolage Bold 700 · interlineado 1.02 · tracking −0.03em · una línea si se puede.

Texto

El cartón se queda en casa. El celular, no. Así de simple.

Fuente del sistema (San Francisco, Segoe UI, Roboto) · 17–18 px · interlineado 1.5.

Reglas

  • Mayúscula inicial, nada de todo en mayúsculas.
  • Sin cursivas. Dos pesos como máximo.
  • Precios pegados y en dólares: $29.
al mes
al mes
al mes

Los números suben en columnas, como una caja registradora. Los decimales, si hacen falta, no se mueven.

04Forma

Todo es redondo, como un sello.

  • BotonesPíldora, 46–50 px de alto. Un solo botón principal por pieza.
  • CasillasCírculos. Vacías con línea punteada, llenas en azul sello, la última con borde ámbar.
  • TarjetasEsquinas de 24–30 px, sombra larga y suave, borde de 1 px.
  • NuncaEsquinas rectas, sombras duras, bordes gruesos negros, 3D.

Demostración de la propuesta de movimiento. Hoy el producto marca el sello sin esta animación y sin sonido.

bTu barbería
Tarjeta de sellos
El primero va de regalo1/10
05Movimiento

Cae, vuelve, gana.

El movimiento de Sellitos sale del gesto del mostrador: el cuño que cae, el cliente que regresa, el premio que se llena. Es para video y anuncios. Sin sonido, por ahora.

Sellar

Entrar y caer. El cuño llega grande, golpea y se asienta con un rebote corto. Para mostrar que algo quedó registrado.

Tu barbería

Volver

Girar y regresar. La tarjeta da la vuelta y aparece otra visita. Para contar que el cliente regresó.

Ganar

Llenar y crecer. El último espacio se llena de ámbar con un pulso. Es el único momento del ámbar en movimiento.

Tres principios

Intencional

Con anticipación, fuerte y preciso. Nada tibio ni indeciso.

back.out

Sin esfuerzo

Suave, fluido, pulido. Cero rigidez.

power3.inOut

Orgánico

Con física real, para equilibrar lo sistemático.

elastic.out

Texto en movimiento

Deslizar · títulos
Secuencia · una por una
Corte · golpes secos
Énfasis · rebote

Duraciones sugeridas: 0.4 s para entrar, 0.25 s para salir, 0.08 s entre palabras. Respetar siempre “reducir movimiento” del sistema.

06Fotografía

El negocio que quieres ser.

Negocios modernos y cuidados, luz natural y gente real. El único detalle fuera de lugar es el cartoncito.

Sí
Un negocio moderno y cuidadoMármol, madera clara, luz natural. El cliente escanea sin esfuerzo.
Sí
El cartoncito, el único detalle fuera de lugarEl dolor aparece en un ambiente impecable.
No
Locales viejos, descascarados o rústicosSe ven descuidados: no es el negocio al que el dueño aspira.
No
Stock genérico y pantallas inventadasSe muestra la tarjeta real, o ninguna pantalla.

Las dos fotos de “Sí” son referencias de estilo generadas con IA; se reemplazan por fotos reales cuando las haya.

07Anuncios

Tres segundos para leerlo.

La imprenta

El cartón se queda en casa. El celular, no.

Probar 30 días
  • EstructuraTítulo de una línea · subtítulo corto · botón. Más de 3 segundos de lectura = sobra texto.
  • Formatos9:16 reels e historias, 4:5 feed, 1:1 de respaldo. En 9:16 dejar libre ~14% arriba y ~20% abajo.
  • Primer segundoEl dolor del dueño (el cartón), no el logo.
  • ÁmbarSolo si el anuncio muestra la casilla del premio.
  • VozHumor de trinchera. Palabras prohibidas y claims: ver manual de voz.
08Voz, de un vistazo

Habla como el colega del otro mostrador.

Toca cada tarjeta. Voseo chapín, frases cortas, humor seco de trinchera. Nunca “app”, “descargar” ni “plataforma”.

09Checklist

¿Pasa la pieza?

    0/10