Since 1996, we’ve changed our name, our color, and our typeface. The only thing that hasn’t changed is the original idea: the letters “sw” inside a circle. This page tells the story of how we got here and how the brand is used today.
Each version reflects the aesthetic of its time. What's interesting isn't what changes, but what remains consistent across all of them.
The company started with a Catalan name and a promise that was very much in keeping with the times: to bring radio, television, and music to the Internet. Even then, the logo consisted of the letters "sw" inside a circle.
Blue · “SW” in a circle
The wordmark is drawn with a thin line and grid geometry, very much in line with the digital aesthetic of the early 21st century. The circle remains, now represented with dots.
Blue · Negative version
The first significant color change: the circle transforms into a sphere, and the brand shifts to orange. This is when the color that would accompany the company for over a decade makes its appearance.
Orange · Negative version
The orange sphere is solidified, and the wordmark changes to a rounded blue. The orange and blue combination is used during the company’s period of greatest growth.
Orange and blue.
Commemorative marking for the fifteenth anniversary. The dial transforms into a drop shape that encompasses the "15," with the "sw" reduced to a distinctive emblem.
Commemorative stamp.
The wordmark moves away from blue and adopts the gray color that remains in use today. The sphere remains orange: this is the final step before the name change.
Orange · negative version
Name and system change. The sphere opens and transforms into an arch: less volume, less shine, more structure. The wordmark switches to lowercase in a geometric grotesque typeface.
Orange #FC703F · open arc
The graphic remains unchanged, and only the color of the arc is altered: from orange to blue #1288FF. This single variable change is what allows the brand to remain recognizable.
Blue #1288FF · open arcIt has been a solid line circle, a dotted circle, a sphere with volume, a commemorative droplet, and finally, an open arc. But it has always been there.
The letters “sw” enclosed in a circle. The brand is born with the container that will always accompany it.
It contains the trademark.The circle gains relief, luster, and shadow, reflecting the aesthetic of the period. The underlying idea remains the same, but the finish is consistent with its time.
Same design, different finishThe circle opens, releasing the wordmark. It ceases to be a box and transforms into a gesture: the brand no longer confines, but accompanies.
Open containerThe logo combines the isotype – an open arc with the letters “sw” – and the wordmark “swhosting.” The files are used as is, without any modifications.
Main
Light backgrounds.
Full negative.
Dark backgrounds.
About brand blue
Always negative.
Isotype
Avatars and favicons
Everything else is built using the blue and neutral color scales. In code and design, the token is referenced, never the hexadecimal value.
And Roboto Mono for data, code, section labels, and any figures that should be read as technical values. Both are open-source licensed.
In headlines, the part that carries the main meaning is in blue, and the rest is in navy. Never use more than one highlighted element per headline. Do not distort weights or mix other font families.
A client with no technical knowledge should be able to understand every sentence; one who does have that knowledge should not feel as though they are being treated like a novice.
For press, contributors, and internal teams. If you need an asset that is not listed here, please contact us before publishing.
High-resolution SVG and PNG files, including a logo, negative versions, and favicons.
Tokens in CSS and JSON, plus a palette for GIMP and Inkscape.
Roboto and Roboto Mono, complete fonts, licensed under the Apache 2.0 free license.
Standalone HTML in Spanish, Catalan, and English, with legal notice and GDPR compliance.
Square, story, and banner in three languages, with editable fonts.
16:9 templates with cover, content, and closing page layouts.
Letterheads and templates, categorized for Office and OpenOffice.
PDF containing all usage guidelines, in Spanish, Catalan, and English.