Desde 1996 hemos cambiado de nombre, de color y de tipografía. Lo único que no se ha movido es la idea de partida: las letras «sw» dentro de un círculo. Esta página cuenta cómo hemos llegado hasta aquí y cómo se usa la marca hoy.
Cada versión responde a la estética de su momento. Lo interesante no es lo que cambia, sino lo que se repite en todas.
La empresa arranca con nombre catalán y una promesa muy de su tiempo: llevar la radio, la televisión y la música a Internet. El isotipo ya era entonces las letras «sw» dentro de un círculo.
Azul · «SW» en círculo
El wordmark se dibuja con trazo fino y geometría de rejilla, muy en la línea de la estética digital de principios de siglo. El círculo se mantiene, ahora punteado.
Azul · versión en negativo
Primer cambio cromático de calado: el círculo se convierte en esfera y la marca vira al naranja. Es el momento en que aparece el color que acompañaría a la empresa durante más de una década.
Naranja · versión en negativo
La esfera naranja se consolida y el wordmark pasa a un azul redondeado. La combinación naranja y azul convive durante los años de mayor crecimiento.
Naranja y azul
Marca conmemorativa por los quince años. La esfera se deforma en una gota que envuelve el «15», con el «sw» reducido a distintivo.
Marca conmemorativa
El wordmark abandona el azul y adopta el gris que llega hasta hoy. La esfera sigue siendo naranja: es el último paso antes del cambio de nombre.
Naranja · versión en negativo
Cambio de nombre y de sistema. La esfera se abre y se convierte en un arco: menos volumen, menos brillo, más estructura. El wordmark pasa a minúsculas en una grotesca geométrica.
Naranja #FC703F · arco abierto
Se conserva íntegro el dibujo y solo cambia el color del arco: del naranja al azul #1288FF. Un cambio de una sola variable, que es lo que permite que la marca siga siendo reconocible.
Azul #1288FF · arco abiertoHa sido un círculo de línea, un círculo punteado, una esfera con volumen, una gota conmemorativa y por fin un arco abierto. Pero siempre ha estado.
Las letras «sw» encerradas en una circunferencia. La marca nace ya con el contenedor que la acompañará siempre.
Contiene la marcaEl círculo gana relieve, brillo y sombra, muy en la estética de la época. La idea es la misma, el acabado responde a su tiempo.
Mismo motivo, otro acabadoEl círculo se abre y deja salir el wordmark. Deja de ser una caja y pasa a ser un gesto: la marca ya no encierra, acompaña.
Contenedor abiertoEl logotipo combina el isotipo —arco abierto con las letras «sw»— y el wordmark «swhosting». Se usan los archivos tal cual, sin recomponerlos.
Principal
Fondos claros
Negativo pleno
Fondos oscuros
Sobre azul de marca
Siempre en negativo
Isotipo
Avatares y favicons
Todo lo demás se construye con la escala de azules y la de neutros. En código y diseño se referencia el token, nunca el valor hexadecimal.
Y Roboto Mono para datos, código, etiquetas de sección y cualquier cifra que deba leerse como valor técnico. Ambas de licencia libre.
En los titulares, la parte que carga el significado va en azul y el resto en navy. Nunca más de un destacado por titular. No se falsean pesos ni se mezclan otras familias.
Un cliente sin conocimientos técnicos debe entender cada frase; uno que sí los tiene no debe sentirse tratado como un novato.
Para prensa, colaboradores y equipos internos. Si necesitas una pieza que no está aquí, escríbenos antes de publicar.
SVG y PNG en alta resolución, con isotipo, versiones negativas y favicons.
Tokens en CSS y JSON, más paleta para GIMP e Inkscape.
Roboto y Roboto Mono completas, con licencia libre Apache 2.0.
HTML autónomo en español, catalán e inglés, con aviso legal y RGPD.
Cuadrado, story y banner en tres idiomas, con las fuentes editables.
Plantillas 16:9 con maquetas de portada, contenido y cierre.
Membrete y plantillas clasificadas, para Office y OpenOffice.
PDF con todas las normas de uso, en español, catalán e inglés.