LUNCH
podium de velours sur parchemin chaud
LUNCH CONCEPT se lit comme un éditorial de mode imprimé transposé sur le web: une photo principale sombre en pleine page, où le logo de la marque apparaît en texte 3D agrandi avec des accents chromés, suivie d’une galerie de produits sobre, à la manière d’un catalogue, sur un fond parchemin aux tons chauds. La page oscille entre une confrontation cinématographique et une retenue discrète: l’élément principal interpelle, la section principale murmure. Une seule couleur lavande, douce et feutrée, n’apparaît que dans le bandeau publicitaire, pour indiquer la mention « Épuisé» et dans le pied de page, affirmant la marque plutôt que de la crier. Une seule police sans empattement, signature de la marque (Good Sans), est utilisée principalement dans des tailles modestes, et le logo principal est le seul élément typographique spectaculaire. L’interaction se fait exclusivement par le biais de liens textuels: pas de boutons remplis, pas de dégradés, pas d’éléments chromés décoratifs, à l’exception du logo 3D de l’élément principal.
Largeur maximale d'environ 1280 px pour les sections de contenu centrées; le titre de la page s'étend sur toute la largeur. Rythme de la page: titre foncé occupant toute la largeur (hauteur de la fenêtre) → texte d'introduction centré sur fond foncé → grille de produits à 4 ou 5 colonnes sur le même fond → bandeau de pied de page lilas. La navigation se présente sous la forme d'une fine barre de texte au-dessus du titre (texte clair sur fond foncé) et au-dessus du texte d'introduction (texte foncé sur fond clair). La grille de produits est dense et alignée, sans retrait ni séparation visuelle entre les images. Le texte d'introduction est une colonne étroite et centrée (environ 600-700 px) avec un espace vertical généreux (60-80 px) au-dessus et en dessous. Densité globale: aérée dans les sections éditoriales, compacte dans la grille de produits.
La photographie de mode éditoriale domine le design: l’image principale présente des photos sombres et contrastées de mannequins (éclairage studio tamisé, stylisme avant-gardiste – corsets en cuir rouge, carreaux, poses saisissantes), tandis que la grille propose des clichés nets de produits/lookbook sur un fond neutre et uni (mannequins et produits sont photographiés sur un fond gris clair/blanc, sans contexte lifestyle). Les images ont des contours nets, un rayon nul et sont parfaitement alignées avec les images adjacentes dans la grille. L’image principale occupe les quatre bords de la fenêtre et un logo chromé en 3D se superpose à l’objet. Les images de produits dans la grille conservent un rapport hauteur/largeur constant sur toute la rangée. Il n’y a ni illustrations ni icônes, hormis une navigation textuelle minimale. Le langage visuel est simple: une belle prise de vue, un cadrage précis et la photo comme incarnation de la marque.
Palette
Marque
- Lilac Veil
#b8aad0— Remplissage violet pour les reflets en arrière-plan, les rayures décoratives et une douce accentuation derrière le contenu.
Neutre
- Ink Black
#000000— L'ensemble du texte (corps, navigation, bordures des liens, des cartes et des icônes) constitue la ligne structurelle de l'interface. - Warm Parchment
#f4f1e4— Le fond des pages et des sections de la zone éditoriale/produit est un fond neutre sur lequel sont placées les photographies des produits. - Ivory Mist
#fcfaf1— La couleur du texte de navigation superposé à l'élément principal sombre, une légère teinte de texture et des bordures discrètes offrent une alternative plus chaleureuse au blanc pur pour l'interface utilisateur dans la section sombre.
Typographie
de 12 à 72 px · 5 étapes
- Good Sans — remplacement: Söhne · grandes lignes 400, 700 · Une police de caractères universelle pour la navigation, le corps du texte, les métadonnées produits, les liens et tous les textes d'interface. Son système à deux graisses (régulier 400 pour le corps du texte et les titres, gras 700 pour les marques, les prix et les éléments mis en avant) permet de hiérarchiser les informations sans augmenter la taille. L'espacement quasi nul entre les lettres lui confère un style plus éditorial que géométrique.
- Redaction — remplacement: GT Sectra Display Bold · grandes lignes 700 · Pour le corps du texte uniquement — Il s’agit d’une police personnalisée pour le texte chromé « LUNCH» en gros caractères, qui sert de base au texte principal en plein écran. Elle est utilisée une seule fois par page; c’est une signature typographique, et non un élément réutilisable.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 20-30px |
| Rayon du bouton | 0px |
| Rayon de la carte | 0px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 60-80px |
| Largeur de la page | 1280px |
L'IA construira votre site web dans le style LUNCH 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
- 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.
- Lamborghini — Une voiture jaune, couleur noire, exposée dans la salle d'exposition sous les projecteurs.
- amp — Un orange chaud sur un fond blanc froid. Le design évoque un produit de fitness haut de gamme photographié dans un loft baigné de soleil: un élément, un détail, une police de caractères affirmée qui fait tout le travail.
- IKEA — un showroom de meubles suédois baigné de soleil, sous forme démontée
- Microsoft — Le catalogue de vente au détail utilise une couleur bleue emblématique: imaginez un logo carré sur un sol blanc de salle d’exposition, où chaque élément de design est bleu.
- Vibrants — Pharmacie Skyborne sur marbre blanc – l’encre bleu foncé représente le mortier et les couleurs de l’arc-en-ciel, les médicaments
- Isla Beauty — Un style apothicaire crémeux avec des touches de rouge chirurgical — imaginez des murs en parchemin aux tons chauds, des flacons ambrés et un unique tampon rouge sur chaque étiquette.
- Swap — Galerie éditoriale Mint: Des nuances de sauge claire dans des pièces rehaussées de touches de vert citron vif et de serifs discrets
- Cursor — Un atelier de parchemin chaleureux, éclairé par des braises incandescentes.
- Structured — Galerie Renaissance sur papier imitant la pâte à modeler
- 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é.
- Amplemarket — Un lieu de travail baigné de soleil et jonché de confettis