Accent chaudL’orange occupe une petite partie de l’écran, uniquement pour l’élément principal.
Un mouvement compréhensibleUne action — un changement bref.
02
Caractère de la marque
Précision technologique, surfaces sobres et un accent chaud. Les principes de style observables figurent ci-dessous ; il ne s’agit pas d’une interprétation du symbole.
GéométrieUn contour carré aux angles arrondis : un espace et une limite d’accès.
RessourcesGraphite mat et une seule arête ambrée.
Un seul réseauTexte explicatif sobre
TypographieUn grand mot clair et une explication sobre.
MouvementCause → changement → résultat.
03
Logo
Composition actuelle du site : le symbole et le nom NODQ. Le fichier vectoriel approuvé n’est pas encore publié ; le téléchargement du logo est donc indisponible.
NODQ
Composition principale · symbole + NODQSymbole · statut de ressource autonome non approuvéPetites tailles · 32 / 24 / 16 px — vérification de la lisibilité
Le damier sert uniquement de fond d’aperçu. Les versions monochromes et le favicon ne sont pas montrés : les fichiers sources sont absents.
Zone de protection
NODQ
Proposition, pas une norme en vigueur : x = ¼ de la hauteur du symbole, espace libre ≥ 1x de chaque côté.
Taille minimaleCandidats à vérifier : composition d’au moins 120 px de large, symbole d’au moins 24 px. Le favicon 16/32/48 px est une ressource distincte qui doit être vérifiée.Proposition · approbation requise
À ne pas faire
NODQ
✕ Ne pas étirer
NODQ
✕ Ne pas faire pivoter
NODQ
✕ Ne pas changer les couleurs
NODQ
✕ Pas d’ombres étrangères
L’objet en volume de la page d’accueil est une ressource décorative ; le logo plat est utilisé lorsqu’un symbole reproductible est nécessaire.
04
Couleurs
Les valeurs correspondent aux jetons du site et aux fichiers nodq-tokens.css / .json.
Orange NODQAccent principal et CTA#F7931A · RGB 247, 147, 26
Contraste des paires : #121613 sur #F7931A ≈ 7,95:1 · #F5F4F0 sur #0A0C0B ≈ 17,8:1 · #9A4A00 sur #F5F4F0 ≈ 5,7:1. Le petit texte blanc sur orange n’est pas utilisé. Les valeurs CMYK/Pantone ne sont pas publiées.
05
Typographie
Onest 400/500/600/700 et JetBrains Mono pour les adresses et signatures. Les valeurs correspondent aux styles réels du site.
Aa Bb 0123Onest · 400 / 500 / 600 / 700 · cyrillique et latinNormalMoyenDemi-grasGras
Ne pas mélanger les ensembles linéaires, pleins et en volume.
Espace
Agent
Pouvoir accordé
Règlement
09
Mouvement
Un seul exemple à la fois. Courbe cubic-bezier(0.2, 0.8, 0.2, 1). Si la réduction des animations est activée dans le système, la dernière image est affichée.
Bouton / onglet180 ms · survol, sélection
Changement d’état350 ms · nouveau statut
Parcours de marque1000 ms · une action
Pas d’identité arc-en-ciel, de curseur personnalisé, de détournement du défilement, de titres tapés lettre par lettre ni d’animation de montants aléatoires.
La couverture de présentation, la carte d’annonce et la présentation conjointe avec un partenaire ne sont pas montrées : il n’existe aucune ressource approuvée.
11
Télécharger les ressources
Seuls les fichiers existants sont publiés. Le paquet ZIP complet n’a pas encore été assemblé.
Jetons · CSSCouleurs, polices, conteneur, courbe de mouvement · CSS · texte · 9 oct. 2026Télécharger
Jetons · JSONLe même ensemble de valeurs pour les applications · JSON · texte · 9 oct. 2026Télécharger