INO
Eine Museumsvitrine in Stille – jedes Exponat schwebt im weißen Raum, wie ein einzelnes Objekt hinter Glas, eingerahmt von einer fast schwarzen, kaum hörbaren Schriftart.
INO präsentiert sich wie eine nahezu monochrome Schmuckgalerie: eine strahlend weiße Leinwand, eine einzige, warme, fast schwarze Tinte und eine beinahe vollständige Farbabstinenz. Das visuelle Konzept behandelt jeden Ring wie ein Museumsstück – klinisch wirkende Produktfotos schweben im großzügigen Negativraum. Die Hierarchie entsteht durch Position, Buchstabenabstand und die Menge an Weiß, nicht durch Schriftgröße oder Farbe. Die Navigation befindet sich am unteren Seitenrand und besteht aus vier Punkten mit Beschriftungen (ausgefüllt oder leer) – eine bewusste Umkehrung der traditionellen Navigationsleiste im E-Commerce. Das Markenzeichen selbst ist ein Gebilde aus konzentrischen Ringkonturen, die die Form des Produkts widerspiegeln und eher als typografische Skulptur denn als Logo fungieren.
Eine Leinwand in voller Breite ohne maximale Inhaltsbreite. Der Hauptbildschirm füllt die gesamte Seitenbreite aus, wobei Fotos und Grafiken gleichmäßig (50/50) aufgeteilt sind. Produktübersichten werden in dreispaltigen Zeilen mit großzügigem horizontalem Rand zum Seitenrand dargestellt. Die untere Navigation ist zentriert und an der Fußzeile verankert, nicht fixiert. Abschnittsumbrüche erfolgen entweder durch redaktionelle Vollbildfotos oder reinen Weißraum – niemals durch Farbbalken, Trennlinien oder Farbverläufe. Die vertikale Gliederung ist flexibel: 80/1/1 zwischen den Hauptabschnitten, wodurch die Seite übersichtlich wirkt und nicht mit Inhalten überladen wird. Es gibt keine Seitenleiste, kein Mega-Menü und keine Kopfzeile – das „INO“-Logo befindet sich ausschließlich in der oberen linken Ecke des Hauptbildschirms.
Zwei unterschiedliche Darstellungsmodi stehen nebeneinander: klinische Produktfotografie vor einem flachen, hellgrauen, nahtlosen Hintergrund (jeder Ring ist zentriert fotografiert, ohne Hände, stilisierte Requisiten oder Schatten – das Produkt steht im Mittelpunkt) und narrative redaktionelle Bilder (ein Ring in einer mit Gras ausgelegten Schachtel, eine Hand mit einer Kette), die als entsättigte, bildschirmfüllende Ausschnitte dargestellt werden. Die Produktbilder dienen als Produktkarten; die redaktionellen Bilder vermitteln die Markenbotschaft. Beide sind monochrom oder nahezu monochrom – das Gras im Hauptbild ist der einzige grüne Farbtupfer, und selbst dieser ist in einem waldähnlichen Ton gehalten. Auf Icons wird in der Benutzeroberfläche verzichtet – ein konzentrisches Ringsymbol ersetzt alle Icons.
Palette
Neutral
- Obsidian Ink
#212123— Neutrale Formularzustände, Symboltext und dezentes UI-Feedback, wobei Farbschemata unaufdringlich bleiben sollen. - Bone
#ffffff— Leinwandseiten, Kartonoberflächen, invertierter Text auf dunklem Hintergrund. Die dominierende Oberfläche; fast die gesamte Website befindet sich hier. - Carbon
#000000— Symbolfüllung, dekorative grafische Konturen und Füllung des aktiven Zustands für die Navigationspunktanzeige. Sparsam eingesetzt, um maximalen Kontrast zur Grundfarbe zu erzielen. - Ash
#999999— Mittlere Kontrastgrenzen, Kontrollkonturen und strukturelle Trennlinien. - Pebble
#a6a6a7— Unauffälliger Begleittext, schmale Trennlinien für den Haupttext und sekundäre Metadaten. Das hellste Funktionsgrau wird für Preisschilder und Begleittexte verwendet, die in den Hintergrund treten sollen.
Typografie
von 11 auf 18 Pixel · 4 Schritte
- Sequel100Wide — Ersatz: Jost (400 · Umrisse 400 · Die einzige Hausschrift, die ausschließlich in der Strichstärke 400 in allen Kontexten verwendet wird – Navigation, Fließtext, Überschriften, Titel, Preisangaben und Bildunterschriften. Das weit auseinanderliegende geometrische Symbol mit großzügigem Buchstabenabstand spiegelt den gesamten Corporate-Design wider. Der Verzicht auf eine Fettschrift ist beabsichtigt: Hierarchie wird durch Groß- und Kleinschreibung, Buchstabenabstand und Positionierung erreicht, nicht durch unterschiedliche Schriftstärken.
- Arial — Ersatz: system-ui · Umrisse 400 · Ein systemweiter Ausweichmechanismus für die Darstellung von Schaltflächen in älteren Kontexten. Er ist nicht Teil des Brandings – er wird nur angezeigt, wenn Sequel100Wide nicht geladen werden kann.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 23px |
| Radius der Schaltfläche | 50px |
| Kartenradius | 8px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 80-120px |
KI erstellt Ihre Website im INO -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
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Peak Design — Galeriewand, teilweise beleuchtet
- 099 SUPPLY — Eine Galeriewand voller schwarz-weißer Objekte
- Apple (España) — weiße Galerievitrine
- Apple (España) — Ein Galeriefenster im Morgennebel
- 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.
- Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
- Oakâme — Eine sonnendurchflutete provenzalische Werkstatt, aus warmem Stein gehauen
- Nike — Eine monochrome Galerie sportlicher Errungenschaften – weiße Wände, das Produkt als Kunstwerk, Chrom im Hintergrund aufgelöst
- Sociotype — Ein typisches Museumsexemplar auf weißem Papier
- Arc — Industrielle weiße Galerie über Mitternachtswasser
- Rivian — Ein elektrischer Monolith an der Betonwand der Galerie. Rivian präsentiert jedes Fahrzeug als Skulptur vor einem weitläufigen weißen Raum, wobei die Typografie so groß ist, dass sie zu einem architektonischen Element wird, und ein einzelnes warmes Gelb die monochrome Atmosphäre durchbricht, wie Sonnenlicht auf einer matten Oberfläche.