Competence Network Against Hate on the Net / toneshift

Hate online is omnipresent. But what can be done about it? The Kompetenznetzwerk gegen Hass im Netz provides concrete help. We supported the alliance of five established organizations dedicated to combating hate speech and violence in the digital space – Das NETTZ, GMK, HateAid, jugendschutz.net, and Neue deutsche Medienmacher*innen – with their external communication. In addition to the visual identity, we primarily assisted with the launch of the new website through concept and design, and oversaw the technical implementation. Furthermore, we provided support for the publication of the first report by the Kompetenznetzwerk.

Customer:
Das NETTZ
Year:
2021
Links:
https://toneshift.org/
Technical implementation by hello IT
Illustration by Inga Israel
Website screenshot of the portal against online hate with a yellow and blue design, showing two stylized figures and the title "Portal of the Network against Online Hate and Disinformation".
Three smartphone screens with responsive web design for a website against online hate speech. Different pages are shown in shades of blue, coral, and yellow, featuring illustrations and text elements on the topic of cyberbullying and online hate.
Graphical representation of the competence network against hate online with stylized figures overcoming a platform with an aggressive speech bubble element. Illustration symbolizes the fight against online hate and digital violence.
Graphic representation of a color palette and typography for a project against online hate, featuring geometric color blocks in yellow, red, blue and font samples in various weights.
User interface of a website from the competence network against hate online, featuring several windows and text blocks in shades of blue and yellow that show strategies for combating hate speech online.
Three layouts and drafts for the website of the Competence Network Against Online Hate show different design elements and screens in shades of red, blue, and yellow, visualizing the project's information structure and visual communication strategy.