classic
piste d’identité nº 07 · iclope.com
Labo
iClope teste tout ce qu’il vend depuis 2012. La boutique n’est pas une vitrine : c’est un laboratoire de quartier, curieux, méthodique et chaleureux.
La piste prend au sérieux ce que le métier a de technique. Chaque produit, chaque guide, chaque étape de commande devient une fiche de labo : un cartouche avec son numéro, ses libellés, ses valeurs mesurées et sa date de contrôle. La fiche technique n’est plus un onglet qu’on cache en bas de page — c’est la langue de la marque.
Mais un laboratoire n’est pas un cabinet noir. Celui-ci a des fenêtres, de la couleur, et il change de pièce selon ce qu’on regarde : quatre univers, tenus par la même ossature, distincts par la palette, la lumière, le motif et l’imagerie. On sait toujours dans quel rayon on se trouve, sans avoir à lire un fil d’Ariane.
Le public visé n’a pas besoin qu’on lui vende du rêve : il a besoin qu’on lui dise ce qu’on a mesuré et ce qu’on en pense. Le ton reste celui de la maison — vouvoiement, conseil, anti-pression, « on préfère un client bien aiguillé qu’une vente de plus ».
exploration visuelle séparée
Le service de réassort, hors commerce
Cette image teste une tonalité de marque. Elle ne doit pas entrer dans les pages produit, panier, réassort ou commande.
l’idée mémorable
Un site, quatre pièces
Le rayon impose sa peau. Une fiche e-liquide est entièrement Liquides, une fiche kit entièrement Tech, une cartouche de cigare entièrement Atelier. L’accueil reste Maison et donne la priorité à quatre intentions de service ; la comparaison des peaux demeure ici, dans la planche.
peau · maison
Maison
Le comptoir du labo : blanc chaud, canard iClope, papier millimétré. Clair, calme, sans effet.
accueil · compte · guides · recherche · panier · tunnel · contact · 404
peau · atelier
Atelier
Noyer, ambre, laiton, cuir. Une lumière de fin d’après-midi sur un établi, sans folklore nostalgique.
e-pipes · e-cigares · cigalikes · Créavap · XO Havana
peau · liquides
Liquides
La paillasse de saveurs : fioles, pipettes, gouttes. Une couleur par famille — celles des liquides, pas des confettis.
e-liquides · boosters · DIY · Alfaliquid · Pulp · VDLV
peau · tech
Tech
Graphite, bleu labo, cyan, grille millimétrée. Le plan technique plutôt que le néon : ni club, ni gaming.
kits · box · pods · résistances · Geek Vape · Waka · Oxva
rayon maison
Le comptoir du labo : blanc chaud, canard iClope, papier millimétré.
fiche nº un-0001
La même ossature
- Typographie
- gabarito · schibsted
- Cartouche
- rayon 14 px
- Bouton d’achat
- encre #1c1f1e
Testé au labo iClope le 12/08/2026.
typographie
Deux familles, trois registres
Aucune ne change avec l’univers : c’est le premier fil qui tient les quatre pièces ensemble.
fiche nº ty-0001
Les deux familles
- Titres — Gabarito 700 / 800
- Géométrique et chaleureuse
- Texte et interface — Schibsted Grotesk 400 / 500 / 600
- 17 px sur mobile, 18 px sur écran large, interligne 1,55
- Étiquettes de labo — Schibsted 500
- fiche nº el-0421 · 20 mg/ml · 0,4 Ω
- Règle absolue
- Les étiquettes techniques sont en minuscules. Jamais de capitales espacées, nulle part.
Deux familles chargées en une requête.
échelle
Huit crans, pas neuf
13 · 15 · 17 · 20 · 24 · 30 · 40 · 56. Toute la hiérarchie du prototype tient dedans.
56Titre de planche
40Titre de page
30Titre de section
24Sous-titre
20Chapeau
17Lecture
15Interface
13Étiquette
le signe
Une goutte à la place du point
« iClope » est recomposé en Gabarito 800. Le point du i devient une goutte — la forme qui revient dans les emblèmes d’univers et dans les étiquettes de famille. La mascotte quitte le logo : elle pourra vivre en tampon rond sur la page « qui sommes-nous », pas dans l’en-tête.
La goutte prend la couleur de l’univers courant. C’est le seul endroit où la marque change d’aspect selon le rayon — un clin d’œil, jamais une variante de logo à gérer.
« depuis 2012 · testé au labo » accompagne le mot en Schibsted 13 px, en casse de phrase. Sur mobile, seul « depuis 2012 » reste.
déclinaisons
La goutte suit le rayon
fiche nº lo-0001
Règles d’emploi
- Hauteur minimale
- 24 px de mot
- Zone de respect
- hauteur du « C » sur les quatre côtés
- Sur fond sombre
- Mot en blanc, base en gris clair, goutte inchangée
- Interdit
- Étirer, incliner, remplacer la goutte par une autre forme, ajouter la mascotte
le composant central
La fiche de labo, décortiquée
C’est l’objet qui porte la piste. Il change de peau, jamais de structure. Le même composant sert de fiche produit, de fiche de commande, de fiche client et de fiche de mélange.
- 1Bandeau de 8 px à la couleur d’accent de l’univers. C’est ce qu’on voit avant de lire.
- 2Emblème rond de l’univers, ou goutte de la famille de saveur sur une fiche e-liquide.
- 3Numéro de fiche en Schibsted tabulaire minuscule. Il n’est pas décoratif : il identifie la référence dans la boutique.
- 4Corps en deux colonnes : libellés en Schibsted 13 px gris, valeurs en Schibsted tabulaire 15 px encre. Filets d’un pixel. Sur mobile, le tableau reste un tableau.
- 5Pied de contrôle : « testé au labo iClope le 12/08/2026 ». La date engage la maison.
rayon 14 px · bord 1 px en --u-accent-2 · aucune ombre portée
fiche nº el-0421
Classic FR-M · 10 ml
- Famille de saveur
- classic blond
- Contenance
- 10 ml
- Ratio PG / VG
- 80 / 20
- Taux disponibles
- 0 · 3 · 6 · 12 · 18 mg/ml
- Tirage conseillé
- serré (mtl)
- Fabrication
- Alfaliquid, France
Testé au labo iClope le 12/08/2026 · lot de contrôle 2026-08-A.
la même fiche, peau liquides, famille classic
le second marqueur
La bande d’univers
Sous l’en-tête de chaque page : un liseré de 6 px, l’emblème du rayon, son nom en mono minuscule et une ligne de contexte. Elle transitionne en 300 ms quand on change de rayon — assez pour être remarquée, trop peu pour ralentir.
code couleur
Six familles de saveur
Elles n’appartiennent qu’à l’univers Liquides. Chacune existe en trois grades : la couleur pleine pour la goutte et l’onglet, un grade texte lisible, une teinte de fond. Aucune couleur pleine ne porte jamais de texte.
classic#C48A2Ctexte : var(--fam-classic-txt)
menthe#2FB58Ftexte : var(--fam-menthe-txt)
fruité#E0457Btexte : var(--fam-fruite-txt)
gourmand#B9702Ftexte : var(--fam-gourmand-txt)
sels#7B5CC6texte : var(--fam-sels-txt)
sans nicotine#6C9A3Ftexte : var(--fam-zero-txt)
classic menthe fruité gourmand sels sans nicotine
l’ossature · historique · à ne pas publier
Cartes, sélecteurs, états
Photo sur blanc, étiquette de famille en onglet, prix en mono, disponibilité écrite, bouton carré encre. Aucune ombre : les cartes sont tenues par un filet, pas par une élévation.
gourmand
le bouton d’achat est encre #1c1f1e dans les quatre univers — c’est le repère commun
En rupture jusqu’au 18 septembre. Laissez votre adresse, vous serez prévenu le jour où le réassort arrive.
Le paiement n’a pas abouti. Aucun montant n’a été débité, le panier est conservé.
le prototype
Vingt-sept écrans
Chacun s’ouvre à 390 px comme à 1280 px, sans défilement horizontal. Le liseré de gauche indique la peau de l’écran.
écran 01AccueilRecherche et quatre intentionsécran 02CatégorieE-liquides et filtres par familleécran 03Fiche e-liquideClassic FR-M, sélecteur de tauxécran 04Fiche matérielAegis Solo 3, vue éclatéeécran 05Fiche consommableCartouche XO Havanaécran 06Page marqueWakaécran 07Silo e-pipeLa spécialité de la maisonécran 08GuideChoisir son taux de nicotineécran 09Calculateur DIYFiche de mélangeécran 10RechercheSuggestions et résultat videécran 11PanierRécapitulatif et état videécran 12TunnelQuatre étapesécran 13ConfirmationSuivi et conseil d’usageécran 14CompteRéassort via panier modifiableécran 15ConnexionLien envoyé ou mot de passeécran 16Page 404Trois issues utilesécran 17ComposantsTous les étatsécran 18UniversLes quatre peaux en directécran 19RéassortPanier reconstruit et modifiableécran 20CompatibilitéAppareil, cartouche, résistance, liquideécran 21Aide et suiviCommande, rupture et contactécran 22Livraison et retoursRègles et états factuelsécran 23JuridiqueMentions, CGV, confidentialité, cookiesécran 24IndexMarques, guides et plan du siteécran 25Fiche DLUODate et lot sans valorisationécran 26Fiche packContenu et compatibilité à renseignerécran 27À proposMéthode et responsabilités