Manual de uso del logotipo
Cómo se construye, cuánto aire necesita, sobre qué fondos va y qué no se hace con él. Medidas tomadas del archivo original del logo.
Logotipo oficial
PNG transparente · 940 × 400 px · versión blanca y negra
Logotipo y mordisco forman una sola pieza
El nombre en dos líneas y el símbolo del mordisco, con su gota, se usan siempre juntos y en esta disposición. La altura de la «B» es la unidad de medida del resto del manual.
Blanco como principal, negro para fondos claros
La marca vive sobre fondos oscuros, así que la versión blanca es la de uso habitual. La negra existe para cuando el soporte es claro.
RetiradaLa versión roja (#e8001a) dejó de usarse el 14 de septiembre de 2026. No se recupera en ningún soporte.
Una x de aire libre en cada lado
Alrededor del logo queda un margen igual a la altura de la «B». Dentro de esa zona no entran textos, bordes, otros logos ni el borde del soporte.
Cálculo rápidoMargen = 16 % del ancho del logo. Con el logo de la cabecera de esta web (30 px de alto, 70 px de ancho), unos 11 px por lado.
Por debajo de este tamaño, el mordisco se pierde
El detalle de los dientes y la gota necesita espacio. Estos son los mínimos para que el logo siga leyéndose completo.
Más pequeñoPor debajo de ese tamaño se usa el símbolo: la B con su mordisco (SVG, también en blanco y negro). Reducir el logo completo no funciona.
Contraste antes que color
El logo va sobre colores de la paleta con contraste suficiente. Relación medida entre el logo y cada fondo.
#080b0f19,7:1#10151b18,3:1#1f273015,1:1#edf3f716,4:1#93c6d29,8:1#93c6d21,9:1 · no#f2f7f916,9:1#ffffff18,3:1#00000021,0:1Nunca sobre eléctrico ni rojoEl eléctrico se reserva para la acción principal y el rojo para avisos de peligro: el logo no se apoya en ninguno de los dos.
Así sí
Así no
El logo se usa tal como está en los archivos oficiales. Estos cambios, aunque parezcan pequeños, rompen la marca.
A MEDIDA
Los colores que rodean al logo
Paleta Glaciar eléctrico en los tres modos de color de la web. El logo nunca adopta estos colores: son su entorno.
Oscuro
Modo actual de la web.
#080b0fBase oscura#10151bTarjetas y paneles#1f2730Bordes#edf3f7Texto principal#93c6d2Acento de marca#00d4ffSolo acción principal#8894a3Apoyo y metadatos#ff5a67Solo avisosClaro
Fondos claros con el mismo glaciar y eléctrico. Como texto se oscurecen para llegar a 4,5:1.
#f2f7f9Base clara#ffffffTarjetas y paneles#cbdae0Bordes#0d1217Texto principal#93c6d2Relleno de acento#256a7cEnlaces y etiquetas#00d4ffSolo acción principal#00637aFrase destacada#4d616cApoyo y metadatos#b3202eSolo avisosAlto contraste
Negro y blanco puros, bordes de 2 px y tonos claros del propio glaciar y eléctrico.
#000000Base negra#ffffffTodo contorno visible#ffffffTexto principal#b5dce5Acento y enlaces#00d4ffSolo acción principal#5ce0ffFrase destacada#d5e0e6Apoyo y metadatos#ff8a94Solo avisos#ffe14dAnillo de tecladoConsultasPara usos que no aparecen aquí, escríbenos a contacto@digitalbite.net.