COS
une galerie branchée aux murs blancs
COS utilise la grammaire visuelle d'une galerie d'art contemporain: vastes murs blancs, photographies monochromes grand format et typographie qui ne perturbe pas les modèles. L'interface est quasiment sans couleur – achromatique – utilisant un noir profond (#080808) sur un blanc pur (#ffffff) comme seul contraste structurel, avec une touche de rouge (#c80000) réservée comme accent subtil pour les moments où l'urgence se doit d'être discrète. L'espacement est généreux et adapté à la mise en page, avec des retraits de section atteignant 135 px, et les éléments se fondent dans le décor: bordures fines sur fond blanc cassé, pas d'ombres, pas de dégradés, pas de coins arrondis. La typographie (SuisseIntl) est le seul ornement: une unique famille de caractères grotesque qui reste constante des micro-étiquettes de 12 px aux descriptions de catégories de 35 px, avec une légère variation vers le positif pour évoquer les polices de la galerie.
Le modèle de page pleine hauteur – la zone de contenu s'étend d'un bord à l'autre sans conteneur de largeur maximale, et le contenu est structuré par des images et des espaces blancs plutôt que par une colonne centrée. L'élément principal est une composition verticale à parts égales de deux portraits éditoriaux pleine largeur, si imposant qu'il sert de signature visuelle à la marque. En dessous, les sections alternent entre des blocs de texte sur fond blanc (centrés, dans une seule colonne) et d'autres images pleine hauteur. Le rythme vertical est aéré: les espaces entre les sections créent une impression d'espace entre les bandes, comme sur un mur de musée. La navigation se résume à une fine bande blanche avec un logo centré et un sélecteur de langue aligné à droite – il n'y a pas de barre de catégories horizontale, ni de méga-menu visible dans le cadre principal. La densité d'information est faible: une phrase par section, une image par idée.
Les photographies de mode grand format dominent la page: portraits pleine largeur et clichés en buste de mannequins, sous un éclairage studio maîtrisé, majoritairement neutre et aux tons chauds. Les images sont serrées les unes contre les autres, occupant tout l’espace, sans coins arrondis, caches décoratifs ni cadres superposés. Une technique signature est le cadrage « deux portraits côte à côte» (MUJER / HOMBRE): deux portraits d’égale importance placés côte à côte, chacun accompagné d’une étiquette de catégorie dans le coin inférieur gauche. Les photographies sont encadrées comme des tirages d’art: le sujet est mis en avant, le contexte est absent, l’échelle humaine est absente et la palette est monochrome. Pas de scènes de la vie quotidienne, pas d’accessoires, pas de fonds texturés.
Palette
Neutre
- Canvas White
#ffffff— Une surface claire servant de fond discret et à séparer les sections. Elle ne doit pas être utilisée comme couleur principale pour l'appel à l'action. - Ink Black
#080808— Texte principal, icônes, liens, type de navigation, bordures des boutons, logo, texte du pied de page: une couleur plus douce que le noir pur pour éviter que les photos ne paraissent trop nettes en contraste. - True Black
#000000— Superposition du texte principal sur des images sombres, texte courant, étiquettes de boutons - le noir pur est utilisé uniquement pour les éléments typographiques les plus contrastés. - Mist Gray
#dadada— Bordures discrètes, champs de saisie soulignés, séparateurs subtils, contours lorsqu'ils sont désactivés — la teinte neutre la plus discrète, visible uniquement par ce qu'elle sépare. - Signal Red
#c80000— La couleur rouge sert d'accentuation supplémentaire pour les détails décoratifs et pour mettre en valeur les basses fréquences.
Typographie
de 12 à 35 px · 3 étapes
- SuisseIntl — remplacement: Neue Haas Grotesk Display · grandes lignes 400, 500, 700 · Une seule police est utilisée dans toute l'interface pour la navigation, le corps du texte, les titres, les boutons et les descriptions de produits. L'espacement positif des lettres (0,01 à 0,04 em) est inhabituel pour une police d'écran et renforce l'aspect d'un catalogue imprimé; la graisse 700 est réservée aux descriptions de catégories, 500 à la navigation et aux boutons, et 400 au reste. L'identité visuelle est cohérente grâce à une seule famille de polices et une gamme de tailles très restreinte (12 à 35 px): la police reste toujours discrète.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | spacieux |
| Étape de base | 8px |
| Rayon du bouton | 0px |
| Rayon de la carte | 0px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 135px |
L'IA construira votre site web dans le style COS 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
- Apple (España) — Vitrine blanche pour galerie
- 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
- 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.
- Analogue — Vitrine noire – les objets flottent dans le vide
- ddna — Vitrine de musée chaude sur lin non traité
- Zellerfeld — Un atelier de sculpteur sur marbre blanc — les surfaces monolithiques du piédestal, une unique étincelle de cobalt, un murmure de lettres minuscules du sol au plafond
- UY Studio — La galerie en pierre du monastère est un espace paisible aux murs de béton, où des flacons de parfum reposent sur des socles blancs, éclairés par une lampe de 400 watts et quatre ampoules gris chaud.
- Basic.Space — galerie de conservation sur marbre blanc