ABC Favorit
400 / 500Tout ce qui se dit : display, titres, corps, interface. Book pour lire, Medium pour titrer.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
GraissesABC400ABC500
Le chanvre, mesuré.
Phytogrammes.Charte de marque
Phytogrammes.
Une autre idée du CBD.
- Origine
- Chanvre sourcé en France
- Expédition
- Paris, avant 12 h
- Conformité
- Δ⁹-THC < 0,3 %
- Certificats
- Signalés s'ils manquent
Phytogrammes.Introduction01 / 10
Introduction.
La marque publie la donnée : origine, lot, certificat. Cette charte fixe la manière dont cela se voit.
Phytogrammes vend du CBD français avec une transparence radicale. Origine, méthode, numéro de lot, seuil exact de Δ⁹-THC : la fiche produit dit ce qui est documenté et signale ce qui manque.
Vous voyez ce que vous achetez. Le lot, le profil de référence, le statut du certificat : chaque page est construite autour de cette évidence.
Cette charte montre le système en marche. Chaque nuancier, chaque courbe et chaque composant ci-dessous est rendu par le code qui fait tourner la boutique.
Phytogrammes.Logo02 / 10
Logo.
Le nom, un point c'est tout. Le point final ferme le logo : Phytogrammes s'arrête à l'essentiel.
Phytogrammes.Sur papier
Phytogrammes.Sur encre
Espace de protection
Phytogrammes.
Taille minimale
Phytogrammes.
Interdit
Le nom en italique.
Préféré
Toujours droit, ABC Favorit en extra-bold (800).
Interdit
Le nom entier en rose.
Préféré
Tout encre sur clair, tout papier sur sombre. Seul le point est rose.
Interdit
Le point final supprimé ou recoloré.
Préféré
Le point est la seule ponctuation accent de l'identité.
Phytogrammes.Couleur03 / 10
Couleur.
Quatorze couleurs vivantes. Le rose corail ponctue, et remplit un seul bouton : l'achat.
Cliquer sur une plaque copie sa valeur oklch.
Phytogrammes.Typographie04 / 10
Typographie.
ABC Favorit dit, ABC Favorit Mono mesure. Une famille, son mono, et rien d'autre.
Les trois familles
ABC Favorit Mono
400Tout ce qui se mesure : prix, grammages, taux, codes de lot, dates. Un nom de produit s'y compose aussi — c'est le geste qui porte l'identité labo.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
GraissesABC400
Δ⁹-THC 0,28 % · CBD 12,5 % · lot 24-A07
ABC Favorit Black (logo)
800Logotype UNIQUEMENT. Extra-bold (800), servi par la coupe Black — seule graisse lourde du jeu d'essai — par directive du soir 2026-08-09, qui annule le retrait du même jour. Bascule vers l'ExtraBold licenciée : une ligne src, zéro changement d'appel.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
GraissesABC800
Phytogrammes.
Échelle d'affichage
Chaque lot porte sa référence.t-display-caps
Chaque lot porte sa référence.text-display-xl
Chaque lot porte sa référence.text-display-l
Chaque lot porte sa référence.text-display-m
Chaque lot porte sa référence.text-display-s
Aux tailles d'affichage le tracking se resserre (−0,02 em) et l'interligne tombe à 1,05. Le corps garde tracking normal et interligne 1,65.
Corps de texte
corps large
Distributeur français de fleurs, huiles et extraits, sourcés honnêtement.
corps
Distributeur français de fleurs, huiles et extraits, sourcés honnêtement.
détail
Distributeur français de fleurs, huiles et extraits, sourcés honnêtement.
Phytogrammes.Mouvement05 / 10
Mouvement.
Le mouvement accentue. Une courbe de marque, des fermetures plus rapides que les ouvertures.
Magnétique
Chaque lot porte sa référence.
Flou de texte
Numéraux
Bascule
Phytogrammes.
Révélation
Pression
Les courbes
ease-outBrand signature. Entrances, settles, reveals. Card badges: paper capsules without tails, always visible; one 250 ms scroll entrance, static with reduced motion. ≡ transitions.dev --ease-smooth-out.
ease-out-quartSharper deceleration variant.
Entrer
Fondu et montée courte, jamais depuis scale(0). Les fermetures durent moins que les ouvertures.
Répondre
Tout élément pressable accuse la pression. Les actions clavier restent instantanées.
Se reposer
Une boucle ambiante s'arrête hors écran, et la préférence mouvement réduit est toujours honorée.
Phytogrammes.Ton06 / 10
Ton.
Dire des informations factuelles : chiffres avant adjectifs, vouvoiement, zéro superlatif.
18,2 % CBD, valeur de référence.
Le chiffre d'abord
Une valeur chiffrée précède tout adjectif, avec son statut. La fiche dit ce que vaut le chiffre, jamais une promesse.
Certificat non publié.
Prouvé, pas proclamé
Ce qui n'est pas documenté se dit tel quel. On décrit ce qui est établi, puis on s'efface.
Ce produit n'est pas un médicament.
La limite, dite calmement
Le cadre légal est énoncé sans détour ni euphémisme. La retenue est une preuve de sérieux.
Expédié de Paris, avant 12 h.
Le concret sans emphase
Une promesse logistique se dit en heures et en lieux. Aucun superlatif ne survit à une horloge.
Par contexte
Appel à l'action
Interdit
Foncez, stock limité !
Préféré
Ajouter au panier.
Message d'erreur
Interdit
Oups ! Quelque chose s'est mal passé.
Préféré
L'envoi a échoué. Réessayez.
Ligne produit
Interdit
Une expérience premium incroyable.
Préféré
Fleur séchée lentement, affinée en bocal de verre.
Spécification
Interdit
Ultra puissant, effet garanti !
Préféré
11 % CBD, Δ⁹-THC < 0,3 %.
Phytogrammes.Imagerie07 / 10
Imagerie.
Découpes sur papier, macros de laboratoire, structures moléculaires. Jamais de lifestyle.
Registres photographiques
Structures moléculaires
Une fiche du Canna·wiki est un jeu de cartes Bencho : la structure posée sur sa plaque teintée, sans carte blanche ni ruban.
Instruments de mesure
La lecture d'un outil
0,20 % THC
Un instrument par outil, mis en scène comme un produit : objet blanc détouré sur la plaque rose, la pièce qui répond en rose. Sur la page de l'outil, le résultat se lit comme le taux d'une fiche produit, le chiffre en rose au corps du titre et l'unité encrée ; le calcul le fait rouler, l'instrument bouge avec lui.
Jamais
- Recadrage carré du panorama de bienvenue : il occupe toute la largeur et reste entier, avec texte central sur ordinateur puis sous l’image sur téléphone. Rotation du héros sans pause visible ou sans gélule synchronisée. Exception au chrome typographique : HeroSwiper.tsx porte une commande de lecture pour son cycle de 5 s (demande du 11.10.2026).
- Héros DTC au visage souriant.
- Méditation au lever du soleil.
- Feuille de chanvre stylisée vert-doré.
- Lifestyle « bien-être » (loft, marbre, chien hipster).
- Un mot-symbole « Phytogrammes. » écrit par un modèle d’image : toute génération qui le montre reçoit le vrai logo en référence (scripts/render-logo-png.mjs, AGENTS.md § Paid generation).
- Un texte cuit dans une image de carte du Labo des récompenses : titre, points et valeur du code se posent en HTML sur ou sous le rendu FLUX, nets et traduits.
- Le Laborantin à côté d’un champ à remplir ou d’un choix à faire : au paiement, il n’accompagne que l’attente et ce qui se règle (DESIGN.md § Le Laborantin au paiement), et ni cigare, ni briquet, ni fleur n’y viennent avec lui.
Phytogrammes.Applications08 / 10
Applications.
Les règles, une fois appliquées : les composants réels du site, rendus en direct.
Cartes produit
Trois fiches réelles du catalogue, rendues en direct.
ÉpuiséCarte épuisée
Hors stock, la photo sort du plan focal et une étiquette papier le dit au pied de la plaque.
Chrome d'interface
Moyens de paiement
Le composant de l'étape Paiement, rendu en direct. Un seul cadre voyage vers le moyen choisi.
Notifications
Le panneau de la cloche, rendu en direct : une liste par jour, un point tant que c'est non lu.
Notifications
E-mails
Un e-mail rendu par le code qui l'envoie : l'étiquette en tête, une phrase, un code, une action.
Barre d'onglets
Une barre de verre, cinq glyphes seuls : une tuile claire glisse sous l'onglet choisi, sur un ressort.
Phytogrammes.Surfaces BoardUI09 / 10
Surfaces BoardUI.
Les surfaces compte et connexion rendent BoardUI, repeint : chaque pas de la rampe dérive du rose de marque.
La rampe brand — dérivée, jamais choisie à la main
50100200300400500600700800900950
- brand-100= --brand-accent-wash (le seul rose pâle)
- brand-500= --brand-accent (le maître, lab 60 %)
- brand-700= --brand-accent-strong (AA < 24 px)
Tokens sémantiques repointés — et ceux restés bleus
Vers la rampe (clair et sombre) :
- --gradient-button-primary-default / -hover / -active
- --color-border-focus-ring
- --shadow-nav-selected · --shadow-checkbox-selected
- --color-button-ghost-* (×6)
- --color-badge-new-background / -text
- --color-tab-count-selected-background
- --color-pill-tab-blue-selected-background
- --color-date-range-background / -edge-background
- --color-accent-solid · --color-accent-text (-hover/-active)
- --color-switch-on-chip-start / -end / -border
Délibérément bleus (catégoriels, pas de marque) :
- --color-status-blue-* (statut, catégoriel)
- --color-calendar-event-blue-* (catégoriel)
- --color-chart-6 (série de graphe)
- --color-notification-information-* (bleu informationnel — décision en revue)
Composants installés, rendus en direct
3
Toutes4
Commandes2
Système
L’onglet actif prend le texte accent (brand-700) et la barre accent (brand-600).
Phytogrammes.Livrables10 / 10
Livrables.
Les livrables : les fichiers réellement servis, et rien d'autre. Un manque est déclaré, jamais comblé.
Couleurs
- Jetons de design (JSON)243 jetons oklch, générés depuis globals.css à chaque publicationTélécharger
Typographies
- ABC FavoritDisplay, titres, corps, interface. Book (400) et Medium (500).ABC Dinamo
- ABC Favorit MonoPrix, grammages, taux, codes de lot — et les noms de produit.ABC Dinamo — Mono
- ABC Favorit BlackLogotype uniquement — sert le registre extra-bold (800). La seule graisse lourde du contrat.ABC Dinamo
Logotype
Le logotype se compose en direct (ABC Favorit Black, .font-logo). Aucun fichier SVG séparé n'existe à ce jour : le manque est déclaré ici plutôt que comblé par un faux fichier.
Une autre idée du CBD.
- Origine
- Chanvre sourcé en France
- Expédition
- Paris, avant 12 h
- Conformité
- Δ⁹-THC < 0,3 %
- Certificats
- Signalés s'ils manquent