Design system · en direct
Guide de marque
Tout ici est rendu depuis les mêmes tokens que le site et les mêmes fichiers que vous téléchargez. Changez une valeur à la source et cette page change avec elle — il n’existe pas de version périmée. Cliquez sur une valeur pour la copier.
Le symbole
La grille est le symbole. Ce n’est pas un ornement : ce sont des pads formant une croix, et c’est la même grille de 24 tonalités qui structure le produit et la mise en page de ce site.
- À faireUtiliser le symbole seul quand le contexte donne déjà le nom.
- À faireLe peindre en bleu ou en blanc sur fond sombre.
- À faireUtiliser la version pour fond clair quand le fond est clair — c’est à cela qu’elle sert.
- JamaisModifier le rayon des angles des cases — elles sont presque carrées.
- JamaisMettre les deux mots du logotype sur une seule ligne.
- JamaisÉpaissir les cases en contour pour qu’elles ressortent en petite taille — utilisez le fichier petit format, qui porte déjà la croix seule.
- JamaisRecolorer en dehors de la palette de cette page.
Télécharger
Généré par script depuis le vectoriel et les tokens. L’application n’a pas de vectoriel du symbole — celui-ci est le seul qui existe, donc tout part d’ici.
Kit completTous les fichiers ci-dessous, plus les règles d’usage en texte brut.832 KBSymbole
- Couleurvectoriel SVG512px PNG1024px PNG
- Blancvectoriel SVG512px PNG1024px PNG
- Noirvectoriel SVG512px PNG1024px PNG
Verrouillage horizontal
- Couleurvectoriel SVG1200px PNG2400px PNG
- Fond clairvectoriel SVG1200px PNG2400px PNG
- Blancvectoriel SVG1200px PNG2400px PNG
- Noirvectoriel SVG1200px PNG2400px PNG
Verrouillage vertical
- Couleurvectoriel SVG1200px PNG2400px PNG
- Fond clairvectoriel SVG1200px PNG2400px PNG
- Blancvectoriel SVG1200px PNG2400px PNG
- Noirvectoriel SVG1200px PNG2400px PNG
Icônes des boutiques
Usage
25.4%Ce qu’il ne faut pas faire
- JamaisÉtirer ou écraser
- JamaisFaire pivoter
- JamaisRecolorer hors palette
- JamaisSur un fond sans contraste
Couleurs
Lues directement à la source du design system au moment du build — cette liste ne peut pas diverger du site.
Fond
Texte
Bleu — la couleur de marque
Tonalité — héritée de l’application
État
Typographie
Fraunces
Display. Hero, titres et citations — les moments humains.
Archivo
Texte et interface. Corps, navigation, boutons.
IBM Plex Mono
Technique. Étiquettes, données, tableaux de tonalités.
Poppins
Logotype. Marque uniquement — c’est la police de l’application.
Échelle
Fluide avec clamp() — il n’y a pas de point de rupture sur la taille de police.
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
Rayon, élévation et mouvement
Le reste du design system, depuis la même source.
Rayon
Élévation
Mouvement
--dur-fast--dur-base--dur-slow--ease-out
Signature e-mail
Cliquez sur « Copier la signature » et collez-la directement dans le champ signature de Gmail, Outlook ou Proton — elle se colle mise en forme, pas en code.
| ||||||
Marque déposée
« Pads Ambiente » et le symbole en grille sont des marques de Crescimento do Reino Software e Tecnologia LTDA. Les fichiers de cette page sont fournis pour faciliter un usage correct de la marque — ils n’en transfèrent pas la propriété.
- À faireUtiliser la marque pour désigner le produit — dans un article, un tutoriel, une critique, un cours ou une intégration.
- À faireUtiliser les fichiers de cette page tels quels, sans modification.
- JamaisLaisser entendre un partenariat, un parrainage ou un soutien qui n’existe pas.
- JamaisIntégrer la marque au logo, au nom ou à l’identité d’un autre produit.
- JamaisUtiliser la marque dans un nom de domaine, d’application ou de société.
- JamaisModifier le visuel, les proportions ou les couleurs des fichiers.
Pour tout usage au-delà de ceci, ou en cas de doute, écrivez à contato@padsambiente.com.br