Vivid+Co
lumière prismatique à travers l'obsidienne
Vivid+Co évolue dans un univers sombre et cinématographique: une toile quasi noire, déclinée de #101010 à #495764, ponctuée d’une unique teinte presque blanche (#fffdf9) utilisée pour la quasi-totalité des polices et éléments d’interface. La typographie est principalement rendue en Neue Montréal, en graisse 400 – un refus délibéré du gras, l’autorité étant ici affirmée par l’échelle (136 px et 105 px) plutôt que par l’épaisseur. Une technique signature est le prisme chromatique: des blocs de lumière rouge/vert/bleu saturés, séparés par les valeurs RVB, filtrent à travers des cubes de verre, perturbant la surface monochrome. La mise en page est centrée et aérée; la navigation, le corps du texte et les liens sont tous d’une seule couleur #fffdf9, sans boutons d’accentuation, remplissages ni ombres distincts – la différenciation est obtenue par l’espacement, l’échelle et un effet arc-en-ciel qui sert d’unique accent de couleur à la marque.
Un canevas sombre occupant toute la largeur, avec une seule colonne de contenu d'environ 1440 px maximum. L'élément principal est un artefact prismatique centré, sur lequel se superpose un titre (texte intersectant les cubes) et un sous-titre aligné à gauche. La navigation se trouve dans une fine barre supérieure: le logo à gauche, quatre liens invisibles à droite et un bouton « Contact» dédié en bas de la ligne. La mise en page alterne entre des panneaux principaux pleine hauteur et des bandes de contenu plus étroites, espacées d'environ 108 px. La disposition du contenu est asymétrique: l'artefact prismatique sert de point focal, et les titres l'entourent. Les blocs de texte sur une seule colonne ont une largeur maximale d'environ 440 px; les grilles multi-colonnes, les matrices de cartes et les tableaux de prix sont absents. Le pied de page est une fine bande, divisée par un trait fin, avec deux colonnes de métadonnées.
L'élément principal du design est une image 3D abstraite de cubes de verre présentant une aberration chromatique sur les bords, délimitée par les couleurs RVB. Aucune photographie, aucune image de personne, aucune image de produit. Le prisme est l'emblème de la marque; le reste est une typographie monochrome sur fond sombre. L'iconographie est minimaliste: des étiquettes de navigation discrètes et un petit curseur/glyphe (zone 142765) à la fin d'un titre suggèrent une unique icône monolinéaire de 16 px. Aucune illustration, aucun motif décoratif, aucune texture.
Palette
Neutre
- Bone White
#fffdf9— Le texte principal, les libellés de navigation, la couleur des liens et le remplissage des titres sont tous presque blancs, occupant toutes les surfaces typographiques sur un fond sombre. - Obsidian
#101010— Le fond de la page, utilisé pour les bandes principales et de séparation, est d'un noir profond avec un artefact prismatique à l'intérieur. - Graphite Veil
#495764— Derrière les titres et les blocs de contenu, un fond ardoise sombre et froid domine, donnant de la profondeur à la page sans recourir au noir uni. - Ash Border
#403f3f— Une ligne de séparation discrète et un contour de carte sont utilisés à 1 px pour séparer les lignes sans interférer avec le texte. - Fog Blue
#6f879c— Texte secondaire discret et étiquettes de boutons subtiles (contraste 3,7:1) – les désignations de catégorie de service telles que « Stratégie», « Créativité», « Communication + Marketing» sont perçues comme des métadonnées non mises en évidence. - Pure Black
#000000— Remplissage décoratif pour les icônes et illustrations SVG — utilisé dans l'image prismatique et les glyphes d'icônes; ne constitue pas un arrière-plan.
Typographie
de 15 à 136 px · 9 étapes
- Neue Montreal — remplacement: Söhne · grandes lignes 400, 700 · La police exclusive est utilisée dans toute l'interface utilisateur: titres, texte courant, navigation, boutons, liens et pied de page. La graisse par défaut est de 400 g/m²; la graisse de 700 g/m² est réservée aux sous-titres. Les titres de 105 px et 136 px ont un interligne de 1,00 à 1,01 em et un espacement des lettres de -0,02 em, créant ainsi des titres superposés et dynamiques, à l'aspect plus sculptural que typographique.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | spacieux |
| Étape de base | 7px |
| Rayon du bouton | 0px |
| Rayon de la carte | 15px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 108px |
| Largeur de la page | 1440px |
L'IA construira votre site web dans le style Vivid+Co 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
- Sequel — Une projection privée à la nuit tombée est la seule lueur d'espoir dans un cinéma autrement plongé dans l'obscurité.
- ThoughtLab — Un monument d'obsidienne orné d'un signal cramoisi. Une toile d'un noir absolu, où le seul objet rouge saturé de la cathédrale, imprimé en grandes lettres blanches, est une unique figure chromatique.
- Dovetail — Un plan sous une lune noire — des lignes graphiques à peine visibles, une police blanche, une étincelle violette
- MekaVerse — Une galerie monochrome d'artefacts numériques — un vide noir absolu où le monde rendu est suspendu comme une pièce de musée, et toute l'interface utilisateur est constituée d'encre blanche sur du verre noir mat.
- Krea — galerie noir à minuit
- Factory — Le terminal de la « salle de guerre» à minuit. L'« usine» est un panneau de contrôle noir austère où une simple carte blanche apparaît comme un ordre éclairé par une lampe torche; le seul objet dans la pièce est le travail lui-même.
- basement — Une presse à imprimer vide à 3 heures du matin – d'énormes caractères compressés s'étalant sur le noir absolu, une unique lueur orange sur la barre de navigation, tout le reste blanc ou gris fantomatique.
- Stink Studios — Un studio de cinéma à minuit – le projecteur bourdonne, la pièce est plongée dans l'obscurité, seule la pellicule est éclairée
- Apple (España) — théâtre noir avec éclairage
- Charlie — Typographie gravée dans la pierre d'un monastère sur de l'obsidienne. Un portfolio où un simple mur rouge crée un silence assourdissant.
- Rive — Vision nocturne haute précision. L'interface est dotée d'une lentille spéciale qui pénètre l'obscurité pour une mise au point d'une netteté absolue sur les détails techniques.
- Datalands — Une cathédrale noire illuminée par une unique pulsation de néon. Le logo remplit la nef; le reste n’est qu’un texte à peine audible en arrière-plan.