INO
Een museumvitrine in stilte – elk object zweeft in een witte ruimte, als een enkel voorwerp achter glas, omlijst door een bijna zwart, nauwelijks hoorbaar lettertype.
INO functioneert als een bijna monochrome sieradengalerij: een helderwit canvas, een enkele, warme, bijna zwarte inkt en een vrijwel volledige afwezigheid van kleur. Het visuele systeem behandelt elke ring als een museumstuk – klinische productfoto's zweven in een uitgestrekte negatieve ruimte, waarbij de hiërarchie wordt opgebouwd door positie, letterafstand en de hoeveelheid wit in plaats van door lettergrootte of kleur. De navigatie bevindt zich onderaan de pagina en bestaat uit vier stippen met labels (gevuld of leeg), een bewuste omkering van de traditionele bovenste balk van e-commercewebsites. Het merklogo zelf is een set concentrische ringcontouren, die de vorm van het product weerspiegelen en eerder als een typografische sculptuur dan als een logo fungeren.
Een canvas over de volledige breedte zonder maximale breedtebeperking voor de inhoud. Het hoofdscherm beslaat de volledige breedte van de pagina, waarbij fotografie en afbeeldingen gelijkmatig verdeeld zijn (50/50). Productoverzichten worden weergegeven als rijen van drie kolommen met een ruime horizontale marge vanaf de rand van het scherm. De navigatie onderaan is gecentreerd en verankerd aan de paginavoet, in plaats van vastgezet. Sectie-einden maken gebruik van ofwel schermvullende redactionele foto's ofwel pure witruimte – nooit een kleurbalk, scheidingslijn of verloop. Het verticale ritme is vrij: 80/1/1 tussen de belangrijkste secties, waardoor de pagina kan ademen in plaats van volgepropt te zijn met inhoud. Er is geen zijbalk, geen megamenu, geen headerbalk bovenaan – het "INO"-logo bevindt zich uitsluitend in de linkerbovenhoek van het hoofdscherm.
Er bestaan twee verschillende weergavemodi voor afbeeldingen naast elkaar: klinische productfotografie op een vlakke, lichtgrijze, naadloze achtergrond (elke ring is gecentreerd gefotografeerd, zonder handen, gestileerde rekwisieten of schaduwen – het object is de protagonist) en verhalende redactionele afbeeldingen (een ring in een met gras beklede doos, een hand die een ketting vasthoudt), weergegeven als gedempte, schermvullende redactionele fragmenten. Productafbeeldingen dienen als productkaarten; de redactionele afbeeldingen geven de sfeer van het merk weer. Beide zijn monochroom of bijna monochroom – het gras in de hoofdafbeelding is de enige hint van groen, en zelfs dat is gedempt tot een bostint. Er worden geen iconen gebruikt in de interface – een concentrisch ringsymbool vervangt alle iconografie.
Palet
Neutrale
- Obsidian Ink
#212123— Neutrale formulierstatussen, pictogramtekst en discrete UI-feedback, waarbij kleurschema's onopvallend moeten blijven. - Bone
#ffffff— Canvaspagina's, kartonnen oppervlakken, omgekeerde tekst op een donkere achtergrond. Het dominante oppervlak; vrijwel de gehele website bevindt zich hier. - Carbon
#000000— Pictogramvulling, decoratieve grafische contouren en vulling voor de actieve status van de navigatiepuntindicator. Spaarzaam gebruikt voor maximaal contrast met de "botkleur". - Ash
#999999— Randlijnen met gemiddeld contrast, controlelijnen en structurele scheidingslijnen. - Pebble
#a6a6a7— Subtiele ondersteunende tekst, dunne scheidingslijnen voor de hoofdtekst en secundaire metadata. De lichtste functionele grijstint wordt gebruikt voor prijskaartjes en begeleidende tekst die naar de achtergrond moet verdwijnen.
Typografie
van 11 tot 18px · 4 stappen
- Sequel100Wide — vervanging: Jost (400 · overzichten 400 · Het enige bedrijfslettertype dat uitsluitend in dikte 400 wordt gebruikt in alle contexten: navigatie, hoofdtekst, koppen, titels, prijsinformatie en bijschriften. Het geometrische symbool met ruime letterafstand weerspiegelt de gehele huisstijl. Het ontbreken van een vette variant is bewust: hiërarchie wordt bereikt door hoofdlettergebruik, letterafstand en positionering, in plaats van door variaties in letterdikte.
- Arial — vervanging: system-ui · overzichten 400 · Een systeemwijde terugvaloptie voor het weergeven van knoppen in oudere contexten. Het maakt geen deel uit van de huisstijl; het verschijnt alleen als Sequel100Wide niet laadt.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 23px |
| Knopradius | 50px |
| Kaartradius | 8px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 80-120px |
AI bouwt je website in de stijl INO en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- Peak Design — Galeriewand, gedeeltelijk verlicht
- 099 SUPPLY — Een galeriewand gevuld met zwart-witte objecten.
- Apple (España) — witte vitrinekast
- Apple (España) — Een galerieraam in de ochtendmist.
- Custo — Een galerij in metaalkleur met een monolithisch lettertype. Een showroom in gedempte grijsgroene tinten, waar een enkel donker object en een lettertype van 57px voor zich spreken.
- Silencio — Een witte ruimte met zwevende objecten. Een galerie-achtige opstelling van warm papier, waarbij elk element zijn eigen plek inneemt tegen een achtergrond van negatief volume, en de stilte een bewuste ontwerpkeuze is.
- Oakâme — Een zonovergoten Provençaalse werkplaats, gehouwen uit warme steen.
- Nike — Een monochrome galerij van sportprestaties – witte muren, het product als kunstwerk, chroom dat opgaat in de achtergrond.
- Sociotype — Een typisch museumexemplaar op wit papier.
- Arc — industriële witte galerij boven middernachtelijk water
- Rivian — Een elektrische monoliet op de betonnen muur van de galerie. Rivian presenteert elk voertuig als een sculptuur tegen een immense witte achtergrond, met typografie zo groot dat het een architectonisch element wordt, en een enkele warme gele kleur die de monochrome sfeer doorbreekt, als zonlicht op een mat oppervlak.