INO
Une vitrine de musée silencieuse – chaque objet exposé flotte dans un espace blanc, comme un objet unique derrière une vitre, encadré par une police de caractères presque noire, à peine audible.
INO fonctionne comme une galerie de bijoux quasi monochrome: une toile blanche immaculée, une encre unique, chaude, presque noire, et une absence quasi totale de couleur. Le système visuel traite chaque bague comme une pièce de musée: des photographies cliniques du produit flottent dans un vaste espace négatif, la hiérarchie étant construite par la position, l’espacement des lettres et le volume de blanc plutôt que par la taille ou la couleur de la police. La navigation se situe en bas de page et se compose de quatre points avec des étiquettes (pleins ou vides), un renversement délibéré de la barre supérieure traditionnelle du e-commerce. Le logo de la marque est un ensemble d’anneaux concentriques, faisant écho à la forme du produit et se présentant comme une sculpture typographique plutôt que comme un logo.
Une page pleine largeur sans limite de contenu. L'écran principal occupe toute la largeur de la page, avec des photos et des graphismes répartis équitablement (50/50). Les grilles de produits sont affichées sur trois colonnes, avec une large marge horizontale par rapport au bord de la fenêtre. La navigation inférieure est centrée et ancrée au pied de page. Les séparations entre les sections se font soit par une photo éditoriale en plein écran, soit par un espace blanc pur – jamais de barre de couleur, de ligne de séparation ni de dégradé. La mise en page est libre: 80/1/1 entre les sections principales, ce qui permet à la page de respirer plutôt que de la surcharger de contenu. Il n'y a ni barre latérale, ni méga-menu, ni bandeau supérieur; le logo « INO» est uniquement présent dans le coin supérieur gauche de l'écran principal.
Deux modes d'affichage distincts coexistent: des photographies de produits cliniques sur un fond uni gris clair (chaque bague est photographiée au centre, sans mains, accessoires stylisés ni ombres portées – l'objet est au centre) et des images éditoriales narratives (une bague dans un écrin bordé d'herbe, une main tenant une chaîne), présentées sous forme de fragments éditoriaux désaturés en plein écran. Les images de produits servent de fiches produits; les images éditoriales reflètent l'esprit de la marque. Les deux sont monochromes ou quasi monochromes – l'herbe de l'image principale est la seule touche de vert, et même celle-ci est atténuée pour atteindre une teinte forestière. L'interface ne comporte aucune icône; un symbole composé d'anneaux concentriques remplace toute iconographie.
Palette
Neutre
- Obsidian Ink
#212123— Des états de formulaire neutres, du texte d'icône et un retour d'information discret de l'interface utilisateur, là où les schémas de couleurs doivent rester discrets. - Bone
#ffffff— Pages en toile, surfaces en carton, texte inversé sur fond sombre. La surface dominante; la quasi-totalité du site web s’y trouve. - Carbon
#000000— Icône, contours graphiques décoratifs et couleur d'état active pour l'indicateur de point de navigation. Utilisés avec parcimonie pour un contraste tonal maximal avec la couleur « os». - Ash
#999999— Bordures à contraste moyen, contours de contrôle et séparateurs structurels. - Pebble
#a6a6a7— Texte d'accompagnement discret, séparateurs fins pour le texte principal et métadonnées secondaires. Un gris fonctionnel très clair est utilisé pour les étiquettes de prix et les textes d'accompagnement qui doivent se fondre dans le fond.
Typographie
de 11 à 18 px · 4 étapes
- Sequel100Wide — remplacement: Jost (400 · grandes lignes 400 · La seule police de caractères d'entreprise utilisée exclusivement en graisse 400 dans tous les contextes: navigation, corps de texte, titres, en-têtes, prix et légendes. Son symbole géométrique aéré et ses interlignages généreux reflètent l'identité visuelle de l'entreprise. L'absence de gras est intentionnelle: la hiérarchie est assurée par la mise en majuscules, l'espacement des lettres et leur positionnement, plutôt que par des variations de graisse.
- Arial — remplacement: system-ui · grandes lignes 400 · Solution de repli système pour l'affichage des boutons dans les contextes hérités. Elle n'est pas liée à l'identité visuelle et n'apparaît que si Sequel100Wide ne parvient pas à se charger.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 23px |
| Rayon du bouton | 50px |
| Rayon de la carte | 8px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 80-120px |
L'IA construira votre site web dans le style INO et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- Peak Design — Mur de la galerie, partiellement éclairé
- 099 SUPPLY — Un mur de galerie rempli d'objets en noir et blanc
- Apple (España) — Vitrine blanche pour galerie
- Apple (España) — Une fenêtre de galerie dans le brouillard matinal
- Custo — Une galerie couleur canon de fusil avec une police de caractères monolithique. Un showroom aux tons gris-vert feutrés, où un unique objet sombre et une police de 57 px se suffisent à eux-mêmes.
- Silencio — Une pièce blanche où flottent des objets. Une installation de galerie en papier aux tons chauds, où chaque élément se détache sur un fond en creux, et le silence qui y règne est un choix stylistique délibéré.
- Oakâme — Un atelier provençal baigné de soleil, sculpté dans de la pierre chaude
- Nike — Une galerie monochrome d'exploits sportifs – murs blancs, le produit érigé en œuvre d'art, chrome fondu dans le décor
- Sociotype — Un spécimen de musée typique sur papier blanc
- Arc — Galerie blanche industrielle surplombant les eaux de minuit
- Rivian — Un monolithe électrique sur le mur de béton de la galerie. Rivian présente chaque véhicule comme une sculpture se détachant sur un vaste espace blanc, avec une typographie si imposante qu'elle devient un élément architectural, et une unique touche de jaune chaud qui rompt l'atmosphère monochrome, telle la lumière du soleil sur une surface mate.