Kit de marque
Logo, palette et l'intégralité des loaders : 8 mouvements × 3 vitesses, en couleur et en blanc.
Chaque combinaison existe en fichier SVG autonome (animation intégrée, sans JavaScript) et en classe CSS. Le nom du fichier est indiqué sous chaque aperçu ; ajoute -blanc pour la version sur fond foncé.
Régulière, linéaire. Le loader neutre et universel.
.oye--continuloader_continu_rapide.svg
loader_continu_standard.svg
loader_continu_lent.svg
L'aiguille dépasse puis se recale, comme une vraie boussole.
.oye--rechercheloader_recherche_rapide.svg
loader_recherche_standard.svg
loader_recherche_lent.svg
Va-et-vient doux autour du nord. Calme, très « instrument ».
.oye--balancierloader_balancier_rapide.svg
loader_balancier_standard.svg
loader_balancier_lent.svg
Huit crans par tour, comme une trotteuse mécanique.
.oye--saccadeloader_saccade_rapide.svg
loader_saccade_standard.svg
loader_saccade_lent.svg
Le cercle tourne à l'inverse de l'aiguille.
.oye--contreloader_contre-rotation_rapide.svg
loader_contre-rotation_standard.svg
loader_contre-rotation_lent.svg
L'aiguille tourne, le cercle respire.
.oye--pulseloader_pulse_rapide.svg
loader_pulse_standard.svg
loader_pulse_lent.svg
Départ vif, arrivée souple avec un léger rebond.
.oye--elastiqueloader_elastique_rapide.svg
loader_elastique_standard.svg
loader_elastique_lent.svg
Un demi-tour, une pause, un demi-tour.
.oye--deux-tempsloader_deux-temps_rapide.svg
loader_deux-temps_standard.svg
loader_deux-temps_lent.svg
Les versions blanches, à utiliser sur teal ou anthracite.
Teal et anthracite portent le logo. Corail et vert sauge restent des accents, hors logo.