MAKR
Une vitrine de musée pour des articles de maroquinerie artisanaux. Une pièce calme, entièrement blanche, où des étiquettes à l'encre noire chaude flottent sous de grandes photographies d'articles en cuir tenus en main ou sur fond de paysages, la seule nuance de couleur étant une discrète bande vert sauge.
MAKR est une galerie éditoriale en ligne dédiée à la maroquinerie artisanale, construite sur une palette quasi monochrome où la photographie est reine. Une bannière d'un gris presque pur (avec une subtile nuance de sauge) souligne la bande publicitaire supérieure, tandis que tous les autres éléments – surfaces, textes, séparateurs, liens – sont rendus en noir profond et chaleureux sur fond blanc. La typographie, d'un néo-grotesque sobre signé Sohne, évoque la simplicité: petits caractères, interlignage généreux et espacement positif des majuscules dans les légendes, donnant l'impression d'un texte accroché au mur d'une galerie, et non d'une interface web. La mise en page, asymétrique et minimaliste, est dominée par l'image, à la manière d'un musée: les objets sont photographiés en main, dans des paysages, à la lumière naturelle, avec de minuscules légendes en dessous. Les composants sont quasiment invisibles – liens soulignés, champs de saisie cachés, absence d'ombres et de boutons arrondis – laissant ainsi la maroquinerie et la photographie s'exprimer pleinement dans la construction de l'identité de la marque.
Une mise en page bord à bord sans limite de largeur pour le contenu: les images occupent toute la largeur de l’écran. La bannière publicitaire supérieure occupe toute la largeur, suivie d’une navigation d’en-tête également en pleine largeur. La zone de contenu principale utilise une grille d’images à plusieurs colonnes (2 à 3 colonnes sur ordinateur) avec des marges minimales ou inexistantes, permettant aux photographies de créer leur propre structure visuelle. Le texte et les liens sont positionnés dans des espaces blancs sous les images, sans jamais se chevaucher. Les sections éditoriales alternent entre des grilles de produits et des photographies lifestyle en pleine largeur. Le rythme vertical est généreux (marges de 80 à 1,5 entre les sections), donnant l’impression de flâner dans une galerie. La fenêtre d’inscription à la newsletter est un panneau fixe en bas à gauche; un panneau d’inscription refermable est situé tout en bas de l’écran. L’impression générale est celle d’un catalogue de musée ou d’une double page éditoriale, plutôt que celle d’une mise en page e-commerce classique.
La photographie est au cœur du contenu et du langage de la marque. Deux registres coexistent: (1) de grands clichés en noir et blanc du produit en main, carrés ou recadrés au format 3:4, à fort contraste, où l’objet remplit le cadre sans contexte de vie; (2) des photos lifestyle en couleur, baignées d’une lumière naturelle chaude, des paysages aux tons terreux, des mannequins en mouvement avec des sacs, photographiés en contre-plongée avec une faible profondeur de champ. L’alternance d’images en niveaux de gris et en couleur crée un rythme visuel unique sur la page. Pas d’illustrations, pas de rendus 3D, pas de graphismes abstraits. Les images occupent toute la page ou s’étendent sur toute sa largeur, dans des cellules de grille sans bordure ni rayon. Les icônes sont absentes ou minimales: une simple croix pour fermer, et rien de plus.
Palette
Neutre
- Obsidian Ink
#1c1717— Le texte principal, tous les liens hypertextes, le corps du texte, les titres, les contours des icônes et les fines bordures de l'interface utilisateur sont de cette couleur dominante: un ratio de 17,7:1 sur fond blanc, utilisé dans plus de 5 000 occurrences. Sa teinte chaude et subtile (et non un noir pur) confère à l'interface l'aspect d'un catalogue imprimé plutôt que d'un écran. - Paper
#ffffff— Bordures fines, séparateurs, contours de champs de saisie et bords de cartes sur surfaces claires. Évitez d'utiliser cette couleur comme couleur principale pour les boutons d'appel à l'action. - Bone
#f0f0f0— Une surface secondaire pour l'alternance des sections, créant des fonds de panneaux subtils et des bordures/séparations internes. Elle crée une légère teinte gris chaud entre le blanc du papier et le vert clair de la publicité. - Eucalyptus Mist
#a9aea9— Le fond de la bannière publicitaire en haut de la page, les transitions de couleurs discrètes entre les sections et un cadre secondaire. Seul, il paraît presque gris, mais utilisé sur toute la largeur, il prend une subtile teinte sauge — la seule touche de couleur dans cette palette monochrome.
Typographie
de 11 à 32 px · 5 étapes
- Sohne Web — remplacement: Inter · grandes lignes 400 · L'interface complète (texte principal, navigation, liens, titres, boutons, champs de saisie, icônes et légendes d'images) est utilisée. La police Sohne 400 (aucune variante en gras n'a été trouvée) confère à MAKR une expressivité à la fois discrète et affirmée: l'information est transmise par la taille et l'espacement des lettres, et non par le contraste de graisse. Alternatives: Inter, Söhne ou Untitled Sans.
- CircularXXMonoWeb — remplacement: JetBrains Mono · grandes lignes 400 · Utilisé uniquement pour des instructions techniques ponctuelles ou des spécifications de produit — un murmure à chasse fixe qui rompt le rythme néo-grotesque. À utiliser avec parcimonie: code produit, spécifications des matériaux, rien de plus. À remplacer par: JetBrains Mono ou IBM Plex Mono.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 5-8px |
| Rayon du bouton | 0px |
| Rayon de la carte | 0px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 80-120px |
L'IA construira votre site web dans le style MAKR 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
- FARFETCH España — Une galerie de mode de style « cube blanc». Imaginez un espace de vente haut de gamme où les murs, les sols et les agencements sont d'un blanc immaculé, et où seuls les vêtements et les personnes qui les portent créent chaque nuance, texture et expression visuelle.
- Franco Maria Ricci Editore — Catalogue de la galerie Art Déco - Lignes d'or poli sur parchemin blanc immaculé
- Laura Monin — Mur de galerie éditoriale, marbre blanc, tampon encreur
- OhDada — mur de la galerie éditoriale
- Cursor — Un atelier de parchemin chaleureux, éclairé par des braises incandescentes.
- Structured — Galerie Renaissance sur papier imitant la pâte à modeler
- MindMarket — Un livre de contes de fées douillet sur papier crème – une toile éditoriale conviviale où de grands titres d'Inter et des personnages en papier découpé coexistent sur une surface douce comme un autocollant, baignée de soleil.
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- Apple (España) — La galerie du musée, baignée d'une douce lumière naturelle, est un espace blanc unique, captivant et immatériel, où chaque œuvre est éclairée par un projecteur sur un mur légèrement teinté.
- Lamborghini — Une voiture jaune, couleur noire, exposée dans la salle d'exposition sous les projecteurs.
- Amplemarket — Un lieu de travail baigné de soleil et jonché de confettis
- Getharvest — Un bureau à l'heure dorée – une toile couleur crème chaude, des cartes postales blanches accrochées à la toile et une unique flamme orange vif.