Custo

Eine Galerie in Anthrazit mit einer monolithischen Schriftart. Ein Ausstellungsraum in gedeckten Graugrüntönen, in dem ein einzelnes dunkles Objekt und eine 57-Pixel-Schrift für sich sprechen.

Custo fungiert als Galerie für Industrieprodukte: Eine warme, metallische Oberfläche bildet den Hintergrund für das physische Produkt, während großformatige Typografie als primäres visuelles Gestaltungselement dient. Das System ist strikt achromatisch – ohne chromatische Farben –, wodurch der dunkel eloxierte Letterbox-Schriftzug und die geometrische Strenge einer einzigen serifenlosen Schriftart die gesamte Markenpersönlichkeit transportieren. Jeder Bildschirm vereint großzügigen Weißraum mit einer eindrucksvollen typografischen Aussage, wobei das Markenlogo wie ein fast architektonisches Element wiederholt wird. Die Oberflächen sind flach und matt; Tiefe entsteht durch die Eigenreflexion des Produkts, nicht durch Schatten oder Farbverläufe.

Das Seitenlayout ist ein einspaltiges, vertikal angeordnetes Layout mit einer maximalen Inhaltsbreite von ca. 1280 Pixeln, zentriert im Viewport. Das Hauptelement erstreckt sich über die gesamte Seitenbreite und ist in randlosem Canvas Gunmetal #9ea29f dargestellt. Rechts zentriert befindet sich ein Foto eines Briefkastens, am unteren Rand ein 57 Pixel großes CUSTO®-Logo. Unterhalb des Hauptelements wechseln sich die Abschnitte ab: ein zweispaltiger Textblock (kleine Bildunterschrift links, großer Titel rechts), gefolgt von einem horizontalen Raster mit drei Produktbildern und anschließend zweispaltigen Zeilen mit Text und Bildern, wobei der Haupttext abwechselnd links und rechts platziert wird. Die Abstände zwischen den Abschnitten betragen 110 Pixel und sorgen so für ausreichend vertikalen Freiraum. Die Navigation besteht aus einer transparenten oberen Leiste, die beim Scrollen in Papierweiß übergeht. Das CES-Symbol ist ein fixiertes, schwebendes Element in der unteren rechten Ecke. Der Gesamtrhythmus ist galerieartig: wenige Elemente in jedem Abschnitt, große Schriftart, weite Abstände und ein Produktfoto als visuelles Satzzeichen zwischen den Textstreifen.

Die Bilder zeigen ausschließlich Produktfotos des Custo-Briefkastens, aufgenommen in drei Modi: Ganzkörperporträts vor dem Metallrahmen, Lifestyle-Aufnahmen, die die Interaktion des Nutzers mit dem Gerät veranschaulichen, und Nahaufnahmen der Scan-Oberfläche und des LED-Rings. Alle Fotos sind in gedeckten, kontrastreichen Tönen gehalten, wobei die matte, schwarze Oberfläche des Briefkastens als visueller Ankerpunkt dient. Es werden keine Illustrationen, abstrakten Grafiken oder Stockfotos verwendet. Die Fotos sind auf Karten mit einem Radius von 8 Pixeln platziert oder werden im Vollbildmodus hinter dem 57 Pixel großen Logo verwendet. Das CES-Symbol ist das einzige mehrfarbige Bild auf der gesamten Website.

Onlineshop Einfarbig Prämie Weiche Farbverläufe

https://custo.io

Palette

Neutral

Canvas Gunmetal #9ea29f — Der warme, graugrüne Hintergrund der Haupt- und Themenbereiche unterscheidet Custo von standardmäßigen weißen SaaS-Vorlagen und wirkt eher wie architektonischer Beton als wie eine digitale Oberfläche.
Obsidian #000000 — Fließtext, dünne Ränder, Symbolstriche – die kontrastreichste Tinte im System, verwendet für Überschriften und strukturelle Trennlinien.
Paper White #ffffff — Hintergrundbilder mit Körperteilen, invertierter Text auf anthrazitfarbenem Hintergrund, Text auf dunklem Hintergrund in der Produktfotografie.
Anodized Graphite #4b514d — Die dunkle Oberfläche für Produktfotografie, zusätzliche Überschriften und dreidimensionalen Text spiegelt die Oberfläche des Briefkastens wider, sodass Benutzeroberfläche und Produkt aus dem gleichen Material gefertigt sind.
Brushed Steel #8e9194 — Zurückhaltender Fließtext, Listentrenner und zusätzliche Symbolumrisse befinden sich zwischen Paper White und Obsidian für eingebettete Metadaten und diskrete Links.
Linen Mist #a7aaad — Die helle Farbe des Rahmens und der Trennlinien für Überschriften und Trennstriche ist ein dezenter Farbton, der niemals mit den strukturellen Linien der Farbe Obsidian konkurriert.

Typografie

von 15 auf 57 Pixel · 5 Schritte

PP Neue Montreal — Ersatz: Inter · Umrisse 400 (Medium) · Für alles, vom Fließtext bis zum erläuternden Text, wird ein einheitliches typografisches System verwendet – geometrische Einheitlichkeit in der Strichstärke ist das Markenzeichen. Auf die Verwendung von sekundären oder speziell für die Anzeige bestimmten Schriftarten wird verzichtet, sodass das Wortzeichen „CUSTO®“ mit einer Strichstärke von 57px als zur selben typografischen Familie gehörig wahrgenommen wird wie die 15px große Beschriftung des Formulareingabefelds.

Intervalle und Form

Zweck	Bedeutung
Dichte	geräumig
Grundlegender Schritt	24px
Radius der Schaltfläche	31.35px (pill) for primary action; 8px for secondary
Kartenradius	8px
Schatten	Nein – Ränder statt Schatten
Zwischen den Abschnitten	110px
Seitenbreite	1280px

KI erstellt Ihre Website im Custo -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.

Erstelle eine Website in diesem Stil

Custo

Palette

Typografie

Intervalle und Form

KI erstellt Ihre Website im Custo -Stil und füllt sie aus.

Ähnliche Stile