Resend
schwarzer Samt mit violetter Neonfarbe
Resend präsentiert sich in nahezu völliger Dunkelheit – eine klare schwarze Leinwand, schmale Graphitränder und weiße Typografie auf schwarzem Grund, die an Text auf Milchglas erinnert. Das Hauptelement ist schmucklos: eine einzelne, große Serifenüberschrift in 96px Domaine neben einem dreidimensionalen schwarzen Würfel, ohne Farbverläufe oder Marketingillustrationen. Das Markenzeichen ist ein sattes Lila (#9281f7), das in E-Mail-Adresszeilen, Statussymbolen und Codebeispielen erscheint – niemals auf Schaltflächen. Eine nichtproportionale Schriftart (Commit Mono) vermittelt die Persönlichkeit des Entwicklers in jedem Codeblock, Symbol und jeder Inline-Beschriftung und lässt die Seite wie ein Terminal in einer luxuriösen Benutzeroberfläche wirken. Die Komponenten haben scharfe oder leicht abgerundete Ecken (6px / 16px), geringe Höhen und verwenden 1px breite Ränder anstelle von Schatten zur Trennung der Ebenen. Die Dynamik ist subtil, aber ausdrucksstark: sanftes Ein- und Ausblenden von Text auf dem Hauptbildschirm, subtile Drehung des Würfels mittels WebGL und kurze Übergänge von 150 ms beim Überfahren mit der Maus.
Das visuelle Design besteht fast ausschließlich aus mit WebGL gerenderten 3D-Objekten (der schwarze Würfel im Hauptfenster, rotierende geometrische Formen) und eingebetteten Screenshots der Benutzeroberfläche in dunklen Codefenstern. Es werden keine Fotos, Illustrationen oder Lifestyle-Bilder verwendet. Die Logos in der Vertrauensleiste sind eingebettete SVG-Bilder in ihren Originalfarben. Die Icons sind 1–1,5 Pixel starke Konturen mit einer Strichstärke von #f0f0f0 oder #a1a4a5. Die visuelle Sprache: eine schwarze Leinwand, ein 3D-Objekt als Ankerpunkt im Hauptfenster, dunkle Codefenster als Produktnachweis, weiße SVG-Logos als Social Proof. Nichts Dekoratives – jedes visuelle Element ist entweder strukturell (der Würfel) oder demonstrativ (das Codefenster, das Logo).
Palette
Marke
- Iris Violet
#9281f7— Lila Akzenttext für Links, Tags und hervorgehobene Kurzphrasen; diagonaler Farbverlauf von Lila nach Magenta bei Symbolcontainern und Markensymbolen. - Iris Violet Glow
#baa7ff— Links, Schlagwörter und kurze hervorgehobene Phrasen sind lila markiert.
Neutral
- Void Black
#000000— Seitenhintergrund, Kartonoberflächen, Overlay-Siebe – die gesamte Leinwand. - Graphite Hairline
#292d30— 1px breite Ränder bei Karten, Eingabefeldern, Schaltflächen, Codeblöcken und Trennlinien definieren die einzelnen Ebenen. - White
#ffffff— Hauptüberschriften, Titel, Schaltflächenbeschriftungen, Symbolfüllung auf dunklen Oberflächen. - Bone White
#f0f0f0— Haupttext, Unterüberschriften, Symbolumrisse - die Hauptfarbe zum Lesen. - Ash Gray
#a1a4a5— Stummgeschalteter Fließtext, Symbolbeschriftungen, Symbolumrisse – Text und Metadaten der dritten Ebene. - Smoke Gray
#abafb4— Linkfarbe, Text für deaktivierte Schaltflächen, Hilfsbeschriftungen – Text der vierten Ebene
Typografie
von 12 auf 96 Pixel · 8 Schritte
- Inter — Ersatz: Inter (Google Fonts) · Umrisse 400, 500, 600 · Fließtext, UI-Beschriftungen, Navigation, Schaltflächen, Links. Arbeitswerkzeug – erscheint 1.280 Mal auf allen Oberflächen außer dem Code.
- Domaine — Ersatz: GT Sectra · Umrisse 400 · Der Titeltext – eine 400-Punkt-Schrift mit 96 Pixeln Buchstabenabstand – erzeugt einen redaktionellen, fast gedruckten Eindruck. Er wird auf der gesamten Seite nur zweimal für die größte Überschrift verwendet.
- aBC Favorit — Ersatz: Inter Display · Umrisse 400, 500 · Abschnittsüberschriften und Unterüberschriften. Die Schriftart im Markenstil ist 56px groß, Stärke 400 und der Buchstabenabstand beträgt -0,05em. Der extrem negative Buchstabenabstand dieser geometrischen serifenlosen Schriftart erzeugt einen kompakten, selbstbewussten Eindruck und bildet einen Kontrast zur Hauptschrift von Domaine.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | geräumig |
| Grundlegender Schritt | 16px |
| Radius der Schaltfläche | 6px |
| Kartenradius | 16px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 96px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Resend -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
- Neon — Ein Serverraum nach Einbruch der Dunkelheit. Absolute Dunkelheit, in der das einzige Licht von Daten und Benutzerinteraktionen stammt.
- Discord — Die Spielwelt ist hinter einem Pop-up-Chatfenster verborgen – jeder Abschnitt ist eine in sich abgeschlossene Umgebung mit eigener Beleuchtung und eigenen Charakteren.
- Midjourney — Ein biolumineszentes Terminal in der Tiefsee. Eine Tiefseewelt, in der Intelligenz sich visuell in ASCII-Strängen selbst erzeugt und Bedienelemente als schwach leuchtende Muster erscheinen.
- Wope — Wope ist eine Benutzeroberfläche mit violettem Horizont. Stellen Sie sich einen dunklen Observatoriumstisch vor, aus dessen Glas ein violettes Licht strahlt.
- Ori — Der Serverraum um Mitternacht ist eine schwarze Leere, weißes Licht, ein Schalter ist eingeschaltet.
- Amaterasu — Himmlisches Türkis-Heiligtum
- Obsidian — Ein Speicher kristallinen Wissens. Ein klarer, facettenreicher digitaler Raum, der auf Klarheit und Fokus ausgelegt ist, mit leuchtend violetten Adern der Interaktion.
- Morphic — Eine düstere, filmische Leinwand für KI-gestütztes Storytelling. Reines Schwarz absorbiert alles außer dem blauen Pulsieren eines einzelnen Akzents und dem Leuchten des generierten Bildes.
- Valo — Eine düstere Sternwarte um Mitternacht – 300-Punkt-Schrift schwebt vor einem klaren schwarzen Hintergrund, während ein einzelner türkis-violetter Farbverlauf wie eine Laserlinie durch den Raum verläuft.
- JetBrains — Neon Nebula on Obsidian – Eine Seite mit schwarzem Hintergrund, auf der violett-blaue Farbverläufe wie Bilder aus dem Weltraum erblühen, durchsetzt mit leuchtend pinkfarbenem Neonlicht und dem chromatischen Glanz von Symbolen für jedes Produkt.
- beehiiv — Mitternachtssternwarte mit Neonplasma
- RainbowKit — Ein neonfarbener Modal-Geldbeutel-Organizer schwebt in einer schwarzen Leere, ein blauviolettes Leuchten durchdringt die Dunkelheit.