Slash
Mitternachtsgewölbe mit vergoldeten Büchern
Slash präsentiert sich im Stil einer Mitternachtsgalerie: eine fast schwarze Leinwand, weiße Schrift und ein einzelner warmer Kupferakzent als Satzzeichen. Überschriften werden in Ivy Presto dargestellt, einer kontrastreichen Didone-Serifenschrift in extremen Größen (bis zu 88 Pixel). Dieser Kontrast zwischen Serifen- und Sans-Serif-Schriften ist das Markenzeichen des Systems und verleiht ihm eine seriöse Finanzkommunikation, ohne die steife Atmosphäre traditioneller Banken. Die übrige Benutzeroberfläche ist bewusst zurückhaltend gestaltet: dünne Ränder, pillenförmige Bedienelemente, kompakter 16-Pixel-Fließtext und ein dezenter Aufschwung, der der Schrift mehr Raum gibt. Ein einzelner Goldverlauf (Diagrammlinie, Mikroakzente) verleiht dem monochromen System Wärme und erinnert an das warme Erscheinungsbild eines Bloomberg-Terminals für ein Designpublikum.
Der Inhalt ist 1216 Pixel breit, zentriert und hat einen vertikalen Abstand von 160 Pixeln. Die Startseite präsentiert sich als dunkle, bildschirmfüllende Fläche mit zwei Elementen: einer linksbündigen Serifenschrift (64–88 Pixel breit) mit einem E-Mail-Adressfeld darunter und einer großen Produktkarte (einem Dashboard-Screenshot) rechts mit 50 % Breite. Die nachfolgenden Abschnitte verwenden eine einspaltige, zentrierte Überschrift (Serifenschrift, 44–64 Pixel breit) mit einer Unterüberschrift in Inter, gefolgt von dreispaltigen Kartenraster für Funktionsbeschreibungen, Kundenstimmen und Blogbeiträge. Die Navigation besteht aus einer festen oberen Leiste: Logo links, zentrales Menü (Unternehmen, Produkte, Lösungen, Kunden, Preise, FAQ), rechtsbündiger, unauffälliger Login und „Erste Schritte“ (weiß gefülltes Element). Die Fußzeile enthält ein dichtes fünfspaltiges Raster mit Links zu Unternehmensinformationen und rechtlichen Hinweisen. Die Seite wechselt zwischen inhaltsreichen Rasterabschnitten und Vollbildstatistiken – der Rhythmus wird durch den großzügigen Weißraum zwischen den Spalten und nicht durch wechselnde Hintergrundfarben erzeugt (die gesamte Seite wird als eine einzige, einheitliche Leinwand präsentiert).
Die Fotografie ist redaktionell und natürlich: sympathische Porträts der Gründer und Teammitglieder in ihrem gewohnten Arbeitsumfeld (Büros, Wohnzimmer, Baustellen). Die Bilder füllen die Kartenrahmen randlos aus. Ein dunkler Farbverlauf am unteren Rand der Testimonial-Karten verbessert die Lesbarkeit des Textes. Die Ästhetik – eine Mischung aus LinkedIn und Magazin – ist ungezwungen, authentisch und dezent, ohne auf Hochglanzfotos zurückzugreifen. Die Artikel-Thumbnails kombinieren Fotos mit illustrierten Konzepten (eine Person in einem Labyrinth, ein Kamin mit Geldsäcken). Die Benutzeroberfläche des Produkts wird im Dunkelmodus mit voller Deckkraft dargestellt und schwebt auf dezent dunklen Flächen über der Seite – ein zentrales Element. Die Icons sind monochrom mit 1-Pixel-Konturen in den Farben #2e3038 oder #777a88 und werden nicht mit der Markenfarbe gefüllt.
Palette
Neutral
- Bone
#e2e3e9— Große Schriftgröße für den Haupttext, detaillierte Datenbeschriftungen und ein einheitlicher Textton für die meisten UI-Elemente. - Obsidian
#08080a— Die Seitenfläche, der Hintergrund der Fußzeile, die dunkelste Fläche ist fast schwarz mit einem dezenten Blaustich. - Onyx
#040406— Die Oberfläche der Karte, der zusätzliche Hintergrund, ist aus optischen Gründen eine Stufe tiefer als die Seite. - Carbon
#121317— Erhöhte Paneele, unaufdringliche Benutzeroberfläche – der erste spürbar leichtere Schritt in der Evolution des Surface Stack - Graphite
#1c1d22— Rahmen, Trennlinien, Symbolcontainer, Schieberegler – selbst die subtilsten Farbtöne definieren die Struktur. - Slate
#2e3038— Zusätzliche Rahmen, dezentere Symbollinien, subtile Trennlinien zwischen Inhaltsblöcken.
Typografie
von 13 auf 88 Pixel · 9 Schritte
- Ivy Presto — Ersatz: Playfair Display · Umrisse 400, 500 · Eine Serifenschrift für Überschriften und Unterüberschriften – ausschließlich für Überschriften und Abschnittstitel ab 28 Pixeln verwendet. Kontrastreiche Didone-Striche mit feinen Serifen verleihen der Schrift einen Hauch von redaktioneller Eleganz; der geringe positive Buchstabenabstand von 0,01em ist ungewöhnlich und gibt ihr ein gedrucktes, fast buchhalterisches Aussehen. Diese Serifenschrift ist das zentrale Aushängeschild der Marke – sie hebt Slash von allen anderen SaaS-Fintech-Unternehmen ab, die standardmäßig geometrische serifenlose Schriften verwenden.
- Inter — Ersatz: Inter (self-hosted via Google Fonts) · Umrisse 300, 400, 500, 600, 700 · UI Sans – Haupttext, Navigation, Schaltflächen, Beschriftungen, Links, Formularfelder und Unterüberschriften. Der Haupttext verwendet eine Schriftgröße von 300 für unaufdringlichen Sekundärtext; 500 wird für Text mittlerer Betonung und Schaltflächenbeschriftungen verwendet; 600 ist für Kategoriebezeichnungen in Kapitälchen reserviert. Der negative Buchstabenabstand verringert sich von 2 (-3) und nimmt mit abnehmender Schriftgröße weiter ab, was typisch für die optische Skalierung der Schriftart Inter ist.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | geräumig |
| Grundlegender Schritt | 8px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 10px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 160px |
| Seitenbreite | 1216px |
KI erstellt Ihre Website im Slash -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Modal — Ein phosphoreszierendes Terminal in einem abgedunkelten Serverraum – die einzige Lichtquelle ist ein helles Grün.
- AgentQL — Nordlichter über dem Terminal bei Nacht
- GitHub — Ein Weltraum-Kommandopanel mit biolumineszenten Kontrollpunkten – ein dunkler, atmosphärischer Arbeitsbereich, in dem ein einzelner grüner Schein den Weg nach vorn weist.
- Doppler — Das Gewölbe erstrahlt um Mitternacht in violettem Licht. Die fast schwarze Leinwand leuchtet mit einem einzelnen lavendelfarbenen Signal und einem grünen Bestätigungslicht; jede Oberfläche ist so gewölbt, dass man sie greifen kann.
- Basedash — Ein Datenterminal in Mitternachtsblau mit matter Schrift. Eine dunkle Beobachtungsstation, in der Messwerte violett und grün leuchten, Serifenschriften über dem Rauschen schweben und weiße, pillenförmige Knöpfe die einzigen hellen Objekte in einem Raum mit weichen, schwarzen Oberflächen sind.
- Superwhisper — Die Nordlichter lösen sich über dem Mitternachtsglas auf.
- Better Stack — Mitternachts-SRE-Konsole
- Langbase — Midnight Northern Lights Konsole
- Astro — Deep Space Mission Control mit einem einzelnen violetten Leuchten eines Nebels
- Wayfinder — Ein schwarzer Bildschirm mit einem kaum hörbaren Titel über einer animierten Illustration. Die Bedienung erfolgt über einen Helligkeitsregler anstelle eines Bedienfelds.
- HashiCorp — Der Kontrollraum um Mitternacht, erleuchtet von violettem Neonlicht, ist eine dunkle, technische Fläche, auf der ein leuchtender sechseckiger Würfel als einziger Farbreferenzpunkt dient.
- Umbrel — Eine gemütliche Feuerstelle im Nachtserverraum – ein dunkler Raum, in dem ein einzelner pfirsichfarbener Schein das hervorhebt, was wirklich wichtig ist.