Design system
Des solutions IA sur mesure, dont la plupart sont rentabilisées en moins d'un an.
La pré-étude décide d'abord si le projet vaut la peine : cinq des sept cas publiés en sont.
Couleurs
Primary porte l'action : le bouton principal est sombre, jamais coloré. Le turquoise est votre Accent, il signale et souligne, il ne remplit pas. Le vert confirme, le rouge alerte, le neutre porte le reste. Cliquez une couleur pour copier son code.
Affichage clair
Affichage sombre
Fonds
Ce n'est pas de la décoration : chaque niveau dit à quelle profondeur se trouve un élément. Le fond de page est le niveau zéro, une carte monte d'un cran, le champ qu'elle contient d'un cran de plus, un bandeau en retrait descend. C'est ce qui donne du relief sans ombre appuyée.
Affichage clair
Affichage sombre
Affichage clair
-2-10+1+2Le niveau le plus proche du lecteur.
Affichage sombre
-2-10+1+2Le niveau le plus proche du lecteur.
Textes
La hiérarchie vient du contraste, pas du gras : un titre est plus marqué qu'un paragraphe, une légende plus effacée. Les trois crans qui portent du texte tiennent le seuil d'accessibilité AA ; les deux derniers sont réservés aux filets et aux éléments inactifs.
Affichage clair
Titres et chiffres clés
Corps de texte
Descriptions, sous-titres
Éléments inactifs
Filets, séparateurs
Affichage sombre
Titres et chiffres clés
Corps de texte
Descriptions, sous-titres
Éléments inactifs
Filets, séparateurs
Typographie
Titre d'ouverture
Des mesures, pas des promesses
Chapô · Light 300
Nous concevons, développons et déployons des applications sur mesure fondées sur l'intelligence artificielle et la data science.
Titre de section
Nos cas d'usage
Intertitre
Ce que nous livrons
Corps de texte
Chaque projet part d'un problème et se juge sur ce qu'il résout. La pré-étude évalue la faisabilité et la rentabilité avant tout engagement lourd.
Métadonnée · Noto Sans Mono
Cas 001 · Agroalimentaire
Relevé
- Durée
- quelques jours
- Livrable
- estimation chiffrée
Boutons
Affichage clair
Affichage sombre
Badges
Un badge dit ce qu'est un contenu : son secteur, son stade, son état. Le neutre est le défaut ; la couleur ne sort que quand l'état la justifie, et la diode signale ce qui est vivant. Si tout clignote, plus rien ne ressort.
Affichage clair
Métadonnée, le défaut
Marqueur fort, rare
États
Affichage sombre
Métadonnée, le défaut
Marqueur fort, rare
États
Avatars
Tailles
Avec nom
Arthur Geeraerd
Commerce
En groupe
Cartes, champs et icônes
Les briques assemblées à partir de tout ce qui précède. Elles reprennent les mêmes fonds, les mêmes intensités de texte et la même Primary : une page nouvelle ressemble d'emblée aux autres.
Carte de cas d'usage
Détection de maladies sur cultures
Un modèle de vision entraîné sur les relevés de terrain, capable d'identifier les foyers avant qu'ils ne se propagent.
Champs de contact
Icônes
Trait fin, jamais de remplissage plein. Une icône accompagne un mot, elle ne le remplace pas.