
Vivid+Co
prismatisches Licht durch Obsidian
Vivid+Co agiert in einer filmischen, dunklen Leere: eine fast schwarze Leinwand in den Farben #101010–#495764, unterbrochen von einem einzigen, fast weißen Farbton (#fffdf9), der für nahezu alle Schriftarten und Interface-Elemente verwendet wird. Die Typografie wird primär in Neue Montreal mit einer Strichstärke von 400 dargestellt – ein bewusster Verzicht auf Fettdruck. Autorität wird hier durch die Größe (136 px und 105 px) und nicht durch die Strichstärke erzielt. Eine charakteristische Technik ist das chromatische Prisma: Blöcke aus gesättigtem Rot-, Grün- und Blaulicht, getrennt durch RGB-Farben, fallen durch Glaswürfel und durchbrechen die monochrome Oberfläche. Das Layout ist zentriert und großzügig. Navigation, Fließtext und Links sind alle in der Farbe #fffdf9 gehalten, ohne separate Akzentschaltflächen, Füllungen oder Schatten. Die Differenzierung erfolgt durch Abstände, Größe und einen Regenbogeneffekt, der als einziger Farbakzent der Marke dient.
Ein dunkles, vollflächiges Canvas mit einer einzigen Inhaltsspalte von maximal ca. 1440 Pixeln Breite. Das Hauptelement ist ein zentriertes, prismatisches Element mit einem überlappenden Titel (der Text durchschneidet die Würfel) und einem linksbündigen Untertitel. Die Navigation befindet sich in einer schmalen oberen Leiste: links das Logo, rechts vier unsichtbare Links und am Ende der Zeile ein separater „Kontakt“-Button. Die Abschnitte wechseln zwischen vollflächigen Hero-Panels und schmaleren Inhaltsstreifen mit ca. 108 Pixel breiten Abständen. Das Inhaltslayout ist asymmetrisch: Das prismatische Element bildet das visuelle Zentrum, die Titel sind darum angeordnet. Einspaltige Textblöcke haben eine maximale Breite von ca. 440 Pixeln; mehrspaltige Raster, Kartenmatrizen und Preistabellen fehlen. Die Fußzeile ist ein schmaler Streifen, der durch eine dünne Linie geteilt ist und zwei Spalten mit Metadaten enthält.
Das zentrale Gestaltungselement ist eine abstrakte 3D-Darstellung von Glaswürfeln mit chromatischer Aberration an den Kanten, getrennt durch RGB-Farben. Keine Fotos, keine Abbildungen von Personen, keine Produktfotos. Das Prisma symbolisiert die Marke; alles andere ist monochrome Typografie auf dunklem Hintergrund. Die Ikonografie ist minimalistisch: Dezente Navigationsbezeichnungen und ein kleiner Cursor/Glyphen-Akzent (Bereich 142765) am Ende einer Überschrift deuten auf ein einzelnes, einliniges 16-Pixel-Symbol hin. Keine Illustrationen, keine dekorativen Muster, keine Texturen.
Palette
Neutral
- Bone White
#fffdf9— Der Haupttext, die Navigationsbezeichnungen, die Linkfarbe und die Überschriftenfüllung sind alle nahezu weiß und nehmen die gesamte typografische Fläche auf dunklem Hintergrund ein. - Obsidian
#101010— Die Seitenfläche, die Hintergrundfüllung für die Haupt- und Trennstreifen, ist tiefschwarz mit einem prismatischen Artefakt im Inneren. - Graphite Veil
#495764— Hinter den Überschriften und Inhaltsblöcken dominiert ein kühler, dunkler Schieferton, der der Leinwand Tiefe verleiht, ohne dass dabei flaches Schwarz zum Einsatz kommt. - Ash Border
#403f3f— Eine dezente Trennlinie und eine Kartenkontur im Abstand von 1px trennen die Zeilen, ohne mit dem Text zu konkurrieren. - Fog Blue
#6f879c— Zurückhaltender Sekundärtext und dezente Schaltflächenbeschriftungen (Kontrast 3,7:1) – Bezeichnungen für Servicekategorien wie „Strategie“, „Kreativ“, „Kommunikation + Marketing“ werden als nicht hervorgehobene Metadaten wahrgenommen. - Pure Black
#000000— Dekorative Füllung für SVG-Icons und -Illustrationen – verwendet im Prisma-Bild und den Icon-Glyphen; kein Hintergrund.
Typografie
von 15 auf 136 Pixel · 9 Schritte
- Neue Montreal — Ersatz: Söhne · Umrisse 400, 700 · Die exklusive Schriftart wird in der gesamten Benutzeroberfläche verwendet – für Überschriften, Fließtext, Navigation, Schaltflächen, Links und die Fußzeile. Standardmäßig wird die Schriftstärke 400 verwendet; die Stärke 700 ist ausschließlich für Unterüberschriften reserviert. Überschriften mit den Strichstärken 105px und 136px haben einen Zeilenabstand von 1,00–1,01em und einen Buchstabenabstand von -0,02em. Dadurch entstehen dynamische, übereinander angeordnete Überschriften, die eher skulptural als typografisch wirken.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | geräumig |
| Grundlegender Schritt | 7px |
| Radius der Schaltfläche | 0px |
| Kartenradius | 15px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 108px |
| Seitenbreite | 1440px |
KI erstellt Ihre Website im Vivid+Co -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
- Sequel — Eine private Vorführung nach Einbruch der Dunkelheit ist das einzige warme Licht in einem ansonsten dunklen Kino.
- ThoughtLab — Ein Obsidianmonument mit einem purpurroten Signal. Eine Leinwand schwarzer Leere, auf der das einzige gesättigte rote Objekt in der Kathedrale, in großen weißen Buchstaben gedruckt, eine einzelne farbige Figur ist.
- Dovetail — Ein Bauplan unter einem schwarzen Mond – kaum sichtbare Linien, weiße Schrift, ein violetter Funkel
- MekaVerse — Eine monochrome Galerie digitaler Artefakte – eine tiefschwarze Leere, in der die gerenderte Welt wie ein Museumsexponat hängt und die gesamte Benutzeroberfläche aus weißer Tinte auf mattschwarzem Glas besteht.
- Krea — Galerie Noir um Mitternacht
- Factory — Der Terminal im „Kriegsraum“ um Mitternacht. Die „Fabrik“ ist ein karges schwarzes Bedienfeld, auf dem eine einzelne weiße Karte wie eine mit einer Taschenlampe beleuchtete Nachricht landet – das einzige Objekt im Raum ist das Werk selbst.
- basement — Eine leere Druckmaschine um 3 Uhr morgens – riesige, gequetschte Schriftarten, die sich über das pechschwarze Licht ausbreiten, ein einzelner orangefarbener Lichtschein auf der Navigationsleiste, alles andere weiß oder geisterhaft grau.
- Stink Studios — Ein Filmstudio um Mitternacht – der Projektor brummt, der Raum ist dunkel, nur der Film ist beleuchtet.
- Apple (España) — schwarzes Theater mit beleuchteten Armaturen
- Charlie — Typografie, in Obsidian gemeißelt aus Klosterstein. Ein Portfolio, in dem eine einzelne rote Wand ohrenbetäubende Stille erzeugt.
- Rive — Hochpräzise Nachtsicht. Die Benutzeroberfläche verfügt über eine Speziallinse, die die Dunkelheit durchdringt, um technische Details mit absoluter Klarheit zu erfassen.
- Datalands — Eine schwarze Kathedrale, in der ein einzelner Neonstrahl pulsiert. Das Logo füllt das Kirchenschiff; alles andere ist kaum lesbarer Text darunter.