Download link - Lien de téléchargement

Composant permettant à l’utilisateur de télécharger des documents depuis de votre site.

Anatomie

Download file - Link - Anatomie
  1. Nom du document, précédé de la mention obligatoire “Télécharger le document”
  2. Format du document
  3. Tiret de séparation
  4. Poids du document
  5. Icône de téléchargement

 


États

Le lien de téléchargement est disponible en 4 états : défaut (default), survol (hover), actif (active) et visité (visited) ; et change en fonction du fond sur lequel il est utilisé : sur fond blanc (base), sur fond clair (layer), sur fond contrasté (contrasted) et sur menu flottant (floating menu).

Sur fond blanc

Sur fond blanc

Sur fond clair

Sur fond clair

Sur fond contrasté

Sur fond contrasté

Sur menu flottant

Sur menu flottant

 


Tailles

Le lien de téléchargement est disponible en 6 différentes tailles.

Il est recommandé d’utiliser la même taille de texte que celle utilisée dans le reste du contenu de la page.

2x small

2x small

x small

x small

small

small

medium

medium

large

large

x large

x large

 


Responsive

Les liens de téléchargement s'adaptent à l'écran / à la grille dans lesquels ils seront affichés.

Nous vous conseillons de tester le comportement de votre lien de téléchargement selon différentes tailles d'écran pour assurer un ajustement réactif et accessible.

La taille maximale du lien de téléchargement et le fonctionnement du responsive dépendront des éléments qui l'entourent.