Vier Designprinzipien hinter Stripe, Linear und Vercel
TLDR-Zusammenfassung: Drei Dinge, die drei großen und erfolgreichen Marken gemeinsam haben: Stripe, Linear und Vercel. Ihr Branding zeichnet sich durch einen hohen Kontrast aus, nutzt Weißraum intelligent und verwendet eine einfarbige Farbgrundlage.
1. Hoher Kontrast
Sie haben alle einen aggressiv hohen Kontrast. Schwarz auf Weiß, Weiß auf Schwarz, dazwischen nichts Schlammiges. Wenn Sie auf einer dieser Seiten landen, weiß Ihr Auge genau, wohin es gehen muss. Die meisten Marken haben Angst davor. Es fühlt sich hart an, zu stark. Die drei haben sich hineingelehnt, und das ist ein großer Teil dessen, warum sie sich so scharf anfühlen.
2. Großzügiges Leerzeichen
Die Elemente sind voneinander beabstandet. Es gibt immer mehr Platz, als Sie für nötig halten, und genau darum geht es.
Leerraum ist keine Leere, es ist Luft. Wenn sich die Elemente nicht drängen, entspannt sich das Auge und weiß, wohin es gehen muss. Dichte Layouts lassen die Augen hart arbeiten, offene lassen den Inhalt die Arbeit machen.
Eine einfache Regel: Nimm den Abstand, der sich als ausreichend anfühlt, und verdopple ihn dann. Das ist wahrscheinlich der Ort, an dem es von Anfang an hätte sein sollen.
3. Einfarbige Basis mit einem Akzent
Ihre Palette besteht fast ausschließlich aus Schwarz, Weiß und Grau. Dann macht eine Farbe die ganze Arbeit: Der Farbverlauf von Stripe, das Violett von Linear, das reine Weiß auf Schwarz von Vercel mit seltenen blauen Akzenten. Eine Farbe, die sparsam verwendet wird, trifft härter als fünf Farben, die überall verwendet werden. Es ist das gleiche Prinzip wie bei der Hermès-Orange.
4. Scharfe Typografie
Keine abgerundeten, freundlichen, ansprechenden Schriften. Alles ist eng, geometrisch, leicht kalt. Der Typ kommuniziert „Wir sind ein Infrastrukturprodukt, das von Ingenieuren gebaut wurde, die sich für Handwerk interessieren“, ohne ein einziges Wort darüber zu verlieren. Das ist der wahre Grund, warum sich diese Marken so kohärent anfühlen. Jeder Bildschirm, jeder Touchpoint läuft nach den gleichen Regeln.
Warum diese Kombination funktioniert
Dies sind keine vier separaten Entscheidungen. Sie verstärken sich gegenseitig. Ein hoher Kontrast benötigt Leerzeichen, um sich nicht aggressiv anzufühlen. Monochrom braucht scharfe Schrift, um sich nicht langweilig anzufühlen.
Nimm ein Element heraus und das Ganze wird etwas schlimmer. Wenn Sie sie alle zusammenfügen, erhalten Sie etwas, das sich unvermeidlich anfühlt, als hätte es nicht anders entworfen werden können.
Das ist im Design am schwierigsten zu bewerkstelligen. Das ist nicht schön. Nicht schlau. Unvermeidlich.
Welches trifft es am besten
Stripe bekommt die meiste Anerkennung und verdient sie wahrscheinlich. Sie gaben die Vorlage vor und der Farbverlauf wurde zu einem kulturellen Moment für sich. Und immer wieder diktieren sie das Design für andere gängige SaaS-Anwendungen.
Linear ist jedoch die konsistenteste Ausführung dieses Systems. Jeder Bildschirm, jede Interaktion, jeder Text fühlt sich an, als ob dieselbe Person alles nach den gleichen Prinzipien gemacht hat. Nichts ist falsch. Nichts fühlt sich an, als hätte ein anderes Team es an einem anderen Tag angefasst.
Vercel ist in der Nähe, aber es ist das nützlichste der drei. Weniger „entworfen“ als vielmehr „entworfen, um entworfen auszusehen“, was ein Kompliment ist, aber ein kleineres. Linear gewinnt. Nicht laut, aber deutlich.
Letzte Gedanken
Diese Regeln sind jetzt so gut verstanden, dass sie zur Standardeinstellung für alle werden B2B-SaaS das will ernst aussehen. In ein paar Jahren wird es das neue „Blau für Vertrauen“ sein, ein Signal, das sich als ernst liest, aber nichts Konkretes darüber aussagt, wer Sie tatsächlich sind. Das ist ein Spiegel ein umfassenderer Wandel findet bereits in der Branche statt. Es wird interessant sein, die Marken zu beobachten, die herausfinden, was danach kommt.
Im Moment funktionieren hohe Kontraste, Weißraum, Schwarzweiß plus ein Akzent, scharfe Schrift immer noch und gewinnt immer noch.
Wenn Sie für SaaS bauen oder Tools für Entwickler und will Arbeit, die so gewollt aussieht, sieh dir an, was wir gebaut haben.
