Awwwards
404media ist jetzt Teil von Awwwards. Dort findest du unser Studioprofil und unsere Arbeiten.
(Ankündigung)
W.
Styleguide: wie 404media aussieht und spricht.
Version 1.0 · Oktober 2026
Logo
Die Wortmarke ist das Logo. Das „4“ steht allein, wo der Platz nicht reicht.
Auf Hell
Auf Dunkel
Bildzeichen
Schutzraum
Rundum frei: x = Höhe der Wortmarke.
Mindestgröße
96 px · 25 mm
16 px
Darunter nur das Bildzeichen verwenden.
Nicht so
Nicht verzerren
Nicht einfärben
Kein unruhiger Grund
Farbe
Kühles Lavendel, tiefe Tinte, eine schwarze Bühne. Farbe kommt aus den Projekten, nicht aus der Marke.
Lavendel#F0F1FA · RGB 240 241 250
Seitengrund. Immer die Basis.
Tinte#14161F · RGB 20 22 31
Text, Logo, Linien.
Bühne#111111 · RGB 17 17 17
Dunkle Flächen für Schlüsselmomente.
Lavendel 2#E4E6F1 · RGB 228 230 241
Flächen, Hover.
Grau#63677B · RGB 99 103 123
Nebentext.
Linie#D3D6E6 · RGB 211 214 230
Trennlinien, Ränder.
Verlauf
Eis#A9C9E0 · RGB 169 201 224
Helles Licht im Verlauf.
Stahl#4D5D73 · RGB 77 93 115
Mitte des Verlaufs.
Tiefe#010204 · RGB 1 2 4
Grund, in den er ausläuft.
Bewegter Verlauf auf dunklen Bühnen: Über uns, KI-Berater und Insights-Cover.
Verhältnis
Lavendel trägt, die Bühne setzt Akzente.
Schrift
Eine Familie, zwei Schnitte. Überschriften in Medium, eng gesetzt. Nie fett.
Aa
Geist · Regular 400 · Medium 500ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ abcdefghijklmnopqrstuvwxyz äöüß 0123456789 € % & @ ( ) –
Hero70 / 0,96 / −5 %
Websites, die verkaufen.
Titel48 / 1,05 / −3,5 %
100+ Unternehmen vertrauen uns
Zwischentitel28 / 1,15 / −3 %
Strategie, Design und Entwicklung
Überschrift22 / 1,2 / −2 %
Website-Relaunch für Aumaerk
Fließtext16 / 1,5
Bei uns entsteht alles in einem Team, von der Strategie über Design und Entwicklung bis zum Launch. Jede Website ist eine eigenständige Gestaltung.
LabelGeist Mono 12 / +6 %
(Ergebnisse)
Raster & Form
Viel Luft zwischen Abschnitten, wenig zwischen Karten. Ecken leicht gerundet, Buttons ganz.
Abstände
Karten14 px
Abschnitt oben24 px
Titel → Inhalt36–72 px
Abschnitt unten80–120 px
Radien
2
6
10
12
16
Pill
Elemente
Wenige Bausteine, überall gleich eingesetzt.
Buttons & Tags
WebdesignSEOShopify
Bühne mit Kennzahlen
100+Veröffentlichte Websites
8+Jahre Erfahrung
5,0Google-Bewertung
+219 %Bestes Ergebnis
Label in Klammern
(Probleme)
Die meisten Websites gleichen einander und bringen zu wenige Anfragen.
(Lösungen)
Strategie, Design, Entwicklung und Launch aus einem Team.
Sprache
Wir schreiben, wie wir im Gespräch reden: direkt, konkret, per Sie.
Konkret
Zahlen und Namen statt Superlative.
Kurz
Ein Gedanke pro Satz. Kein Fachjargon.
Ruhig
Keine Ausrufezeichen, keine Versalien im Text.
So
Websites, die bei Google gefunden werden und Anfragen bringen.
Nicht so
Innovative, ganzheitliche Digitallösungen für Ihren Erfolg!
Kostenloses Gespräch buchen
Jetzt unverbindlich anfragen!!