Design system de Apple

apple.com
PROMoteur v4

Jetons de design extraits par analyse de fréquence de la CSSOM, sans interprétation par un LLM.

Système visuel
100 % confiance
98 % confiance
hero-displayDesign is intelligence made visibleSF Pro Display80px / 600 / 1.05
display-xlDesign is intelligence made visibleSF Pro Display64px / 600 / 1.05
display-lgDesign is intelligence made visibleSF Pro Display56px / 600 / 1.05
display-mdDesign is intelligence made visibleSF Pro Display48px / 600 / 1.1
title-lgDesign is intelligence made visibleSF Pro Text34px / 600 / 1.45
title-mdDesign is intelligence made visibleSF Pro Display28px / 600 / 1.15
subtitleDesign is intelligence made visibleSF Pro Display21px / 400 / 1.2
leadDesign is intelligence made visibleSF Pro Display21px / 400 / 1.4
bodyDesign is intelligence made visibleSF Pro Text17px / 400 / 1.45
body-strongDesign is intelligence made visibleSF Pro Text17px / 600 / 1.45
body-boldDesign is intelligence made visibleSF Pro Text17px / 700 / 1.45
buttonDesign is intelligence made visibleSF Pro Text17px / 400 / 1.2
link-strongDesign is intelligence made visibleSF Pro Text17px / 600 / 1.25
body-smDesign is intelligence made visibleSF Pro Text14px / 400 / 1.3
captionDesign is intelligence made visibleSF Pro Text12px / 400 / 1.35
caption-strongDesign is intelligence made visibleSF Pro Text12px / 600 / 1.35
nav-linkDesign is intelligence made visibleSF Pro Text12px / 400 / 1
100 % confiance
button-secondary-2-padding-y
8px
button-primary-padding-y
11px
button-secondary-padding-y
11px
button-ghost-padding-y
11px
button-secondary-2-padding-x
15px
button-primary-padding-x
21px
button-secondary-padding-x
21px
button-ghost-padding-x
21px
100 % confiance
xs · 8px
sm · 10px
md · 11px
lg · 14px
xl · 18px
2xl · 20px
3xl · 48px
4xl · 56px
pill · 980px
full · 9999px

Composants

Buttons12

100 % correspondance

ghost · desktop

Au reposCorrespondance de 100 %26 mesures correspondent

Original
Button, ghost d’origine sur le site, au repos
Rendu
Rendu isolé de Button, ghost, au repos

SurvolCorrespondance de 100 %22 mesures correspondent

Original
Button, ghost d’origine sur le site, survol
Rendu
Rendu isolé de Button, ghost, survol

FocusCorrespondance de 100 %22 mesures correspondent

Original
Button, ghost d’origine sur le site, focus
Rendu
Rendu isolé de Button, ghost, focus
Recette dans le DESIGN.md

100 % correspondance

ghost · desktop

Au reposCorrespondance de 100 %22 mesures correspondent

Original
Button, ghost (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, ghost (2), au repos

FocusCorrespondance de 100 %18 mesures correspondent

Original
Button, ghost (2) d’origine sur le site, focus
Rendu
Rendu isolé de Button, ghost (2), focus
Recette dans le DESIGN.md

100 % correspondance

ghost · desktop

Label : y vaut 59px, le site a 0px.

Au reposCorrespondance de 100 %1 mesures sur 57 diffèrent

Original
Button, ghost (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, ghost (3), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Button, ghost (3) d’origine sur le site, survol
Rendu
Rendu isolé de Button, ghost (3), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Button, ghost (3) d’origine sur le site, focus
Rendu
Rendu isolé de Button, ghost (3), focus
Recette dans le DESIGN.md

Non vérifiable

ghost · desktop

Non vérifiable : des photos, médias ou publicités placés par la page en couvrent la majeure partie et rien d’autre ne diffère, la comparaison ne dit donc rien de la recette.

Au reposCorrespondance de 100 %35 mesures correspondent

Original
Button, ghost (4) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, ghost (4), au repos

FocusCorrespondance de 61 %18 mesures correspondent

Original
Button, ghost (4) d’origine sur le site, focus
Rendu
Rendu isolé de Button, ghost (4), focus
Recette dans le DESIGN.md

100 % correspondance

primary · desktop

Au reposCorrespondance de 100 %26 mesures correspondent

Original
Button, primary d’origine sur le site, au repos
Rendu
Rendu isolé de Button, primary, au repos

SurvolCorrespondance de 100 %22 mesures correspondent

Original
Button, primary d’origine sur le site, survol
Rendu
Rendu isolé de Button, primary, survol

FocusCorrespondance de 100 %22 mesures correspondent

Original
Button, primary d’origine sur le site, focus
Rendu
Rendu isolé de Button, primary, focus
Recette dans le DESIGN.md

76 % correspondance

primary · desktop

Label 2 : y vaut 27px, le site a 9px.

Au reposCorrespondance de 100 %1 mesures sur 29 diffèrent

Original
Button, primary (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, primary (2), au repos

SurvolCorrespondance de 91 %22 mesures correspondent

Original
Button, primary (2) d’origine sur le site, survol
Rendu
Rendu isolé de Button, primary (2), survol

FocusCorrespondance de 76 %22 mesures correspondent

Original
Button, primary (2) d’origine sur le site, focus
Rendu
Rendu isolé de Button, primary (2), focus
Recette dans le DESIGN.md

76 % correspondance

primary · desktop

Group : y vaut 27px, le site a 9px; Label 2 : y vaut 28px, le site a 10px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 55 diffèrent

Original
Button, primary (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, primary (3), au repos

SurvolCorrespondance de 91 %22 mesures correspondent

Original
Button, primary (3) d’origine sur le site, survol
Rendu
Rendu isolé de Button, primary (3), survol

FocusCorrespondance de 76 %22 mesures correspondent

Original
Button, primary (3) d’origine sur le site, focus
Rendu
Rendu isolé de Button, primary (3), focus
Recette dans le DESIGN.md

94 % correspondance

primary · desktop

Son rendu ressemble au site à 95 %, sous le seuil de 97 %.

Au reposCorrespondance de 95 %25 mesures correspondent

Original
Button, primary (4) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, primary (4), au repos

SurvolCorrespondance de 95 %22 mesures correspondent

Original
Button, primary (4) d’origine sur le site, survol
Rendu
Rendu isolé de Button, primary (4), survol

FocusCorrespondance de 94 %22 mesures correspondent

Original
Button, primary (4) d’origine sur le site, focus
Rendu
Rendu isolé de Button, primary (4), focus
Recette dans le DESIGN.md

94 % correspondance

primary · desktop

Son rendu ressemble au site à 96 %, sous le seuil de 97 %.

Au reposCorrespondance de 96 %25 mesures correspondent

Original
Button, primary (5) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, primary (5), au repos

SurvolCorrespondance de 96 %22 mesures correspondent

Original
Button, primary (5) d’origine sur le site, survol
Rendu
Rendu isolé de Button, primary (5), survol

FocusCorrespondance de 94 %22 mesures correspondent

Original
Button, primary (5) d’origine sur le site, focus
Rendu
Rendu isolé de Button, primary (5), focus
Recette dans le DESIGN.md

99 % correspondance

secondary · desktop

Au reposCorrespondance de 100 %26 mesures correspondent

Original
Button, secondary d’origine sur le site, au repos
Rendu
Rendu isolé de Button, secondary, au repos

SurvolCorrespondance de 100 %22 mesures correspondent

Original
Button, secondary d’origine sur le site, survol
Rendu
Rendu isolé de Button, secondary, survol

FocusCorrespondance de 99 %22 mesures correspondent

Original
Button, secondary d’origine sur le site, focus
Rendu
Rendu isolé de Button, secondary, focus
Recette dans le DESIGN.md

100 % correspondance

secondary · desktop

Au reposCorrespondance de 100 %26 mesures correspondent

Original
Button, secondary (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, secondary (2), au repos

SurvolCorrespondance de 100 %22 mesures correspondent

Original
Button, secondary (2) d’origine sur le site, survol
Rendu
Rendu isolé de Button, secondary (2), survol

FocusCorrespondance de 100 %22 mesures correspondent

Original
Button, secondary (2) d’origine sur le site, focus
Rendu
Rendu isolé de Button, secondary (2), focus
Recette dans le DESIGN.md

97 % correspondance

secondary · desktop

Racine : width vaut 138px, le site a 202px; Racine : height vaut 64px, le site a 92px.

Au reposCorrespondance de 97 %2 mesures sur 22 diffèrent

Original
Button, secondary (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Button, secondary (3), au repos

SurvolCorrespondance de 97 %18 mesures correspondent

Original
Button, secondary (3) d’origine sur le site, survol
Rendu
Rendu isolé de Button, secondary (3), survol

FocusCorrespondance de 97 %18 mesures correspondent

Original
Button, secondary (3) d’origine sur le site, focus
Rendu
Rendu isolé de Button, secondary (3), focus
Recette dans le DESIGN.md

Input1

89 % correspondance

desktop

Au focus, son rendu ressemble au site à 89 %, sous le seuil de 97 %.

Au reposCorrespondance de 99 %90 mesures correspondent

Original
Input d’origine sur le site, au repos
Rendu
Rendu isolé de Input, au repos

FocusCorrespondance de 89 %22 mesures correspondent

Original
Input d’origine sur le site, focus
Rendu
Rendu isolé de Input, focus
Recette dans le DESIGN.md

Cards9

100 % correspondance

desktop

Media : y vaut 93px, le site a 57px; Text : y vaut 149px, le site a 106px et 3 autres.

Au reposCorrespondance de 100 %5 mesures sur 201 diffèrent

Original
Card d’origine sur le site, au repos
Rendu
Rendu isolé de Card, au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Card d’origine sur le site, survol
Rendu
Rendu isolé de Card, survol

FocusCorrespondance de 100 %1 mesures sur 18 diffèrent

Original
Card d’origine sur le site, focus
Rendu
Rendu isolé de Card, focus

Au repos, instance 2Correspondance de 100 %5 mesures sur 201 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %5 mesures sur 201 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %5 mesures sur 201 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 5Correspondance de 100 %5 mesures sur 201 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 6Correspondance de 100 %5 mesures sur 201 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Break : y vaut 110px, le site a 138px; Text : y vaut 138px, le site a 166px.

Au reposCorrespondance de 100 %2 mesures sur 73 diffèrent

Original
Card (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (2), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Card (2) d’origine sur le site, survol
Rendu
Rendu isolé de Card (2), survol

FocusCorrespondance de 100 %1 mesures sur 18 diffèrent

Original
Card (2) d’origine sur le site, focus
Rendu
Rendu isolé de Card (2), focus

Au repos, instance 2Correspondance de 100 %2 mesures sur 73 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %2 mesures sur 73 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Group : y vaut 0px, le site a 77px; Media : y vaut 0px, le site a 77px et 14 autres.

Au reposCorrespondance de 100 %16 mesures sur 190 diffèrent

Original
Card (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (3), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Card (3) d’origine sur le site, survol
Rendu
Rendu isolé de Card (3), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Card (3) d’origine sur le site, focus
Rendu
Rendu isolé de Card (3), focus

Au repos, instance 2Correspondance de 100 %16 mesures sur 190 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %16 mesures sur 190 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %16 mesures sur 190 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 5Correspondance de 100 %16 mesures sur 190 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 6Correspondance de 100 %16 mesures sur 190 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

99 % correspondance

desktop

Au reposCorrespondance de 99 %154 mesures correspondent

Original
Card (4) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (4), au repos

Au repos, instance 2Correspondance de 99 %154 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 99 %154 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %154 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Non vérifiable

desktop

Non vérifiable : des photos, médias ou publicités placés par la page en couvrent la majeure partie et rien d’autre ne diffère, la comparaison ne dit donc rien de la recette.

Au reposCorrespondance de 100 %66 mesures correspondent

Original
Card (5) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (5), au repos

Au repos, instance 2Correspondance de 100 %66 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %66 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Non vérifiable

desktop

Non vérifiable : des photos, médias ou publicités placés par la page en couvrent la majeure partie et rien d’autre ne diffère, la comparaison ne dit donc rien de la recette.

Au reposCorrespondance de 100 %149 mesures correspondent

Original
Card (6) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (6), au repos

Au repos, instance 2Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 5Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Non vérifiable

desktop

Non vérifiable : des photos, médias ou publicités placés par la page en couvrent la majeure partie et rien d’autre ne diffère, la comparaison ne dit donc rien de la recette.

Au reposCorrespondance de 100 %63 mesures correspondent

Original
Card (7) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (7), au repos

Au repos, instance 2Correspondance de 100 %63 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %63 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %119 mesures correspondent

Original
Card (8) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (8), au repos

Au repos, instance 2Correspondance de 100 %119 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %119 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

95 % correspondance

desktop

Title : y vaut 5px, le site a 124px; Body : y vaut 123px, le site a 241px et 2 autres.

Au reposCorrespondance de 95 %4 mesures sur 111 diffèrent

Original
Card (9) d’origine sur le site, au repos
Rendu
Rendu isolé de Card (9), au repos

Au repos, instance 2Correspondance de 100 %4 mesures sur 111 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %4 mesures sur 111 diffèrent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Extras26

100 % correspondance

desktop

Racine : height vaut 78px, le site a 56px; Group 2 : height vaut 44px, le site a 22px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 109 diffèrent

Original
Breadcrumbs d’origine sur le site, au repos
Rendu
Rendu isolé de Breadcrumbs, au repos
Recette dans le DESIGN.md

91 % correspondance

desktop

Au focus, son rendu ressemble au site à 91 %, sous le seuil de 96 %.

Au reposCorrespondance de 100 %21 mesures correspondent

Original
Card links d’origine sur le site, au repos
Rendu
Rendu isolé de Card links, au repos

FocusCorrespondance de 91 %18 mesures correspondent

Original
Card links d’origine sur le site, focus
Rendu
Rendu isolé de Card links, focus
Recette dans le DESIGN.md

93 % correspondance

desktop

Group 2 : y vaut 87px, le site a 98px; Text : y vaut 87px, le site a 98px.

Au reposCorrespondance de 100 %2 mesures sur 67 diffèrent

Original
Card links (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Card links (2), au repos

FocusCorrespondance de 93 %18 mesures correspondent

Original
Card links (2) d’origine sur le site, focus
Rendu
Rendu isolé de Card links (2), focus
Recette dans le DESIGN.md

88 % correspondance

desktop

Au focus, son rendu ressemble au site à 88 %, sous le seuil de 96 %.

Au reposCorrespondance de 100 %23 mesures correspondent

Original
Card links (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Card links (3), au repos

FocusCorrespondance de 88 %18 mesures correspondent

Original
Card links (3) d’origine sur le site, focus
Rendu
Rendu isolé de Card links (3), focus
Recette dans le DESIGN.md

Non vérifiable

desktop

Non vérifiable : des photos, médias ou publicités placés par la page en couvrent la majeure partie et rien d’autre ne diffère, la comparaison ne dit donc rien de la recette.

Au reposCorrespondance de 99 %149 mesures correspondent

Original
Carousel section d’origine sur le site, au repos
Rendu
Rendu isolé de Carousel section, au repos

Au repos, instance 2Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 5Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 6Correspondance de 100 %149 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

List : width vaut 225px, le site a 176px; Item : width vaut 225px, le site a 176px et 31 autres.

Au reposCorrespondance de 100 %33 mesures sur 776 diffèrent

Original
Footer links d’origine sur le site, au repos
Rendu
Rendu isolé de Footer links, au repos
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %56 mesures correspondent

Original
Icon buttons d’origine sur le site, au repos
Rendu
Rendu isolé de Icon buttons, au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Icon buttons d’origine sur le site, survol
Rendu
Rendu isolé de Icon buttons, survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Icon buttons d’origine sur le site, focus
Rendu
Rendu isolé de Icon buttons, focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %98 mesures correspondent

Original
Icon buttons (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Icon buttons (2), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Icon buttons (2) d’origine sur le site, survol
Rendu
Rendu isolé de Icon buttons (2), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Icon buttons (2) d’origine sur le site, focus
Rendu
Rendu isolé de Icon buttons (2), focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %56 mesures correspondent

Original
Icon link d’origine sur le site, au repos
Rendu
Rendu isolé de Icon link, au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Icon link d’origine sur le site, survol
Rendu
Rendu isolé de Icon link, survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Icon link d’origine sur le site, focus
Rendu
Rendu isolé de Icon link, focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %98 mesures correspondent

Original
Icon link (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Icon link (2), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Icon link (2) d’origine sur le site, survol
Rendu
Rendu isolé de Icon link (2), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Icon link (2) d’origine sur le site, focus
Rendu
Rendu isolé de Icon link (2), focus
Recette dans le DESIGN.md

100 % correspondance

desktop

List : width vaut 225px, le site a 176px; Item : width vaut 225px, le site a 176px et 31 autres.

Au reposCorrespondance de 100 %33 mesures sur 776 diffèrent

Original
Link list d’origine sur le site, au repos
Rendu
Rendu isolé de Link list, au repos
Recette dans le DESIGN.md

100 % correspondance

desktop

List : width vaut 225px, le site a 176px; Item : width vaut 225px, le site a 176px et 31 autres.

Au reposCorrespondance de 100 %33 mesures sur 776 diffèrent

Original
Nav links d’origine sur le site, au repos
Rendu
Rendu isolé de Nav links, au repos
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %22 mesures correspondent

Original
Nav menu item d’origine sur le site, au repos
Rendu
Rendu isolé de Nav menu item, au repos

FocusCorrespondance de 100 %18 mesures correspondent

Original
Nav menu item d’origine sur le site, focus
Rendu
Rendu isolé de Nav menu item, focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %22 mesures correspondent

Original
Navigation links d’origine sur le site, au repos
Rendu
Rendu isolé de Navigation links, au repos

FocusCorrespondance de 100 %18 mesures correspondent

Original
Navigation links d’origine sur le site, focus
Rendu
Rendu isolé de Navigation links, focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %22 mesures correspondent

Original
Navigation menu item d’origine sur le site, au repos
Rendu
Rendu isolé de Navigation menu item, au repos

FocusCorrespondance de 100 %18 mesures correspondent

Original
Navigation menu item d’origine sur le site, focus
Rendu
Rendu isolé de Navigation menu item, focus
Recette dans le DESIGN.md

50 % correspondance

desktop

Son rendu ressemble au site à 50 %, sous le seuil de 96 %.

Au reposCorrespondance de 50 %192 mesures correspondent

Original
Promo banner d’origine sur le site, au repos
Rendu
Rendu isolé de Promo banner, au repos

SurvolCorrespondance de 50 %18 mesures correspondent

Original
Promo banner d’origine sur le site, survol
Rendu
Rendu isolé de Promo banner, survol

FocusCorrespondance de 50 %1 mesures sur 18 diffèrent

Original
Promo banner d’origine sur le site, focus
Rendu
Rendu isolé de Promo banner, focus

Au repos, instance 2Correspondance de 100 %192 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %192 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Group : y vaut 8px, le site a 12px; Group : width vaut 1180px, le site a 1154px et 30 autres.

Au reposCorrespondance de 100 %32 mesures sur 374 diffèrent

Original
Sub navigation d’origine sur le site, au repos
Rendu
Rendu isolé de Sub navigation, au repos
Recette dans le DESIGN.md

99 % correspondance

desktop

Au reposCorrespondance de 99 %91 mesures correspondent

Original
Tabs d’origine sur le site, au repos
Rendu
Rendu isolé de Tabs, au repos

SurvolCorrespondance de 99 %19 mesures correspondent

Original
Tabs d’origine sur le site, survol
Rendu
Rendu isolé de Tabs, survol

FocusCorrespondance de 99 %19 mesures correspondent

Original
Tabs d’origine sur le site, focus
Rendu
Rendu isolé de Tabs, focus

Au repos, instance 2Correspondance de 100 %91 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 3Correspondance de 100 %91 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 4Correspondance de 100 %91 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 5Correspondance de 100 %91 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Au repos, instance 6Correspondance de 100 %91 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %77 mesures correspondent

Original
Tabs (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Tabs (2), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Tabs (2) d’origine sur le site, survol
Rendu
Rendu isolé de Tabs (2), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Tabs (2) d’origine sur le site, focus
Rendu
Rendu isolé de Tabs (2), focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Au reposCorrespondance de 100 %77 mesures correspondent

Original
Tabs (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Tabs (3), au repos

SurvolCorrespondance de 100 %18 mesures correspondent

Original
Tabs (3) d’origine sur le site, survol
Rendu
Rendu isolé de Tabs (3), survol

FocusCorrespondance de 100 %18 mesures correspondent

Original
Tabs (3) d’origine sur le site, focus
Rendu
Rendu isolé de Tabs (3), focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Group : y vaut 8px, le site a 12px; Group : height vaut 43px, le site a 36px et 32 autres.

Au reposCorrespondance de 100 %34 mesures sur 418 diffèrent

Original
Tab bar d’origine sur le site, au repos
Rendu
Rendu isolé de Tab bar, au repos
Recette dans le DESIGN.md

100 % correspondance

desktop

Text 2 : y vaut 33px, le site a 17px; Group : width vaut 0px, le site a 4px.

Au reposCorrespondance de 100 %2 mesures sur 234 diffèrent

Original
Table d’origine sur le site, au repos
Rendu
Rendu isolé de Table, au repos
Recette dans le DESIGN.md

97 % correspondance

desktop

Racine : height vaut 105px, le site a 96px; Text : height vaut 74px, le site a 65px et 7 autres.

Au reposCorrespondance de 100 %9 mesures sur 72 diffèrent

Original
Text link d’origine sur le site, au repos
Rendu
Rendu isolé de Text link, au repos

FocusCorrespondance de 97 %18 mesures correspondent

Original
Text link d’origine sur le site, focus
Rendu
Rendu isolé de Text link, focus
Recette dans le DESIGN.md

100 % correspondance

desktop

Group 3 : y vaut 55px, le site a 66px; Text : y vaut 55px, le site a 66px.

Au reposCorrespondance de 100 %2 mesures sur 87 diffèrent

Original
Text link (2) d’origine sur le site, au repos
Rendu
Rendu isolé de Text link (2), au repos

FocusCorrespondance de 100 %18 mesures correspondent

Original
Text link (2) d’origine sur le site, focus
Rendu
Rendu isolé de Text link (2), focus
Recette dans le DESIGN.md

35 % correspondance

desktop

Au focus, son rendu ressemble au site à 35 %, sous le seuil de 96 %.

Au reposCorrespondance de 100 %21 mesures correspondent

Original
Text link (3) d’origine sur le site, au repos
Rendu
Rendu isolé de Text link (3), au repos

FocusCorrespondance de 35 %18 mesures correspondent

Original
Text link (3) d’origine sur le site, focus
Rendu
Rendu isolé de Text link (3), focus
Recette dans le DESIGN.md

74 % correspondance

desktop

Racine : width vaut 138px, le site a 202px; Racine : height vaut 64px, le site a 92px.

Au reposCorrespondance de 74 %2 mesures sur 22 diffèrent

Original
Toggle button d’origine sur le site, au repos
Rendu
Rendu isolé de Toggle button, au repos

FocusCorrespondance de 74 %18 mesures correspondent

Original
Toggle button d’origine sur le site, focus
Rendu
Rendu isolé de Toggle button, focus
Recette dans le DESIGN.md

Headers8

100 % correspondance

desktop

Group : x vaut 713px, le site a 1146px; Icon 2 : x vaut 713px, le site a 1146px.

Au reposCorrespondance de 100 %2 mesures sur 308 diffèrent

Original
Header (inner) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner), au repos

Survolnon vérifié

Original
Header (inner) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner), survol

Focusnon vérifié

Original
Header (inner) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Group : x vaut 713px, le site a 1146px; Icon 2 : x vaut 713px, le site a 1146px.

Au reposCorrespondance de 100 %2 mesures sur 308 diffèrent

Original
Header (inner, 2) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner, 2), au repos

Survolnon vérifié

Original
Header (inner, 2) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner, 2), survol

Focusnon vérifié

Original
Header (inner, 2) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner, 2), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

94 % correspondance

desktop

Group 4 : y vaut 52px, le site a -3px; Group 4 : height vaut 59px, le site a 41px et 5 autres.

Au reposCorrespondance de 98 %7 mesures sur 228 diffèrent

Original
Header (inner, 3) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner, 3), au repos

Survolnon vérifié

Original
Header (inner, 3) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner, 3), survol

Focusnon vérifié

Original
Header (inner, 3) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner, 3), focus

Focus sur ctaCorrespondance de 97 %22 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur ctaCorrespondance de 98 %22 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur logoCorrespondance de 94 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Group : x vaut 713px, le site a 1146px; Icon 2 : x vaut 713px, le site a 1146px.

Au reposCorrespondance de 100 %2 mesures sur 308 diffèrent

Original
Header (landing) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (landing), au repos

Survolnon vérifié

Original
Header (landing) d’origine sur le site, survol
Rendu
Rendu isolé de Header (landing), survol

Focusnon vérifié

Original
Header (landing) d’origine sur le site, focus
Rendu
Rendu isolé de Header (landing), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

99 % correspondance

mobile

Nav link 2 : x vaut 261px, le site a 246px; Group : x vaut 277px, le site a 262px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 385 diffèrent

Original
Header (inner, 2) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner, 2), au repos

Survolnon vérifié

Original
Header (inner, 2) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner, 2), survol

Focusnon vérifié

Original
Header (inner, 2) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner, 2), focus

Focus sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 2Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

94 % correspondance

mobile

Au focus, son rendu ressemble au site à 94 %, sous le seuil de 96 %.

Au reposCorrespondance de 100 %207 mesures correspondent

Original
Header (inner, 3) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner, 3), au repos

Survolnon vérifié

Original
Header (inner, 3) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner, 3), survol

Focusnon vérifié

Original
Header (inner, 3) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner, 3), focus

Focus sur ctaCorrespondance de 100 %22 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur ctaCorrespondance de 100 %22 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur logoCorrespondance de 94 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

99 % correspondance

mobile

Nav link 2 : x vaut 261px, le site a 246px; Group : x vaut 277px, le site a 262px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 385 diffèrent

Original
Header (inner) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (inner), au repos

Survolnon vérifié

Original
Header (inner) d’origine sur le site, survol
Rendu
Rendu isolé de Header (inner), survol

Focusnon vérifié

Original
Header (inner) d’origine sur le site, focus
Rendu
Rendu isolé de Header (inner), focus

Focus sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 2Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

99 % correspondance

mobile

Nav link 2 : x vaut 261px, le site a 246px; Group : x vaut 277px, le site a 262px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 385 diffèrent

Original
Header (landing) d’origine sur le site, au repos
Rendu
Rendu isolé de Header (landing), au repos

Survolnon vérifié

Original
Header (landing) d’origine sur le site, survol
Rendu
Rendu isolé de Header (landing), survol

Focusnon vérifié

Original
Header (landing) d’origine sur le site, focus
Rendu
Rendu isolé de Header (landing), focus

Focus sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur menu toggleCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 2Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav link 3Correspondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 3Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Footers10

98 % correspondance

desktop

Inner : height vaut 5418px, le site a 7902px; Group : height vaut 5418px, le site a 7280px et 5 autres.

Au reposCorrespondance de 100 %7 mesures sur 1504 diffèrent

Original
Footer (inner) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (inner), au repos

Focusnon vérifié

Original
Footer (inner) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (inner), focus

Focus sur link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur linkCorrespondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Inner : height vaut 1244px, le site a 2174px; Group : height vaut 727px, le site a 1552px et 122 autres.

Au reposCorrespondance de 100 %124 mesures sur 1804 diffèrent

Original
Footer (inner, 2) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (inner, 2), au repos

Survolnon vérifié

Original
Footer (inner, 2) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (inner, 2), survol

Focusnon vérifié

Original
Footer (inner, 2) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (inner, 2), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Inner : height vaut 838px, le site a 1131px; Group : height vaut 320px, le site a 509px et 115 autres.

Au reposCorrespondance de 100 %117 mesures sur 2107 diffèrent

Original
Footer (inner, 3) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (inner, 3), au repos

Survolnon vérifié

Original
Footer (inner, 3) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (inner, 3), survol

Focusnon vérifié

Original
Footer (inner, 3) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (inner, 3), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Inner : height vaut 647px, le site a 773px; List : height vaut 22px, le site a 0px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 2124 diffèrent

Original
Footer (inner, 4) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (inner, 4), au repos

Survolnon vérifié

Original
Footer (inner, 4) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (inner, 4), survol

Focusnon vérifié

Original
Footer (inner, 4) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (inner, 4), focus

Focus sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav link 2Correspondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

100 % correspondance

desktop

Inner : height vaut 870px, le site a 996px; Group 4 : height vaut 323px, le site a 349px et 2 autres.

Au reposCorrespondance de 100 %4 mesures sur 2214 diffèrent

Original
Footer (landing) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (landing), au repos

Survolnon vérifié

Original
Footer (landing) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (landing), survol

Focusnon vérifié

Original
Footer (landing) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (landing), focus

Focus sur linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 100 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

99 % correspondance

mobile

Inner : height vaut 2134px, le site a 4222px; Group : height vaut 1575px, le site a 3584px et 170 autres.

Au reposCorrespondance de 99 %172 mesures sur 1615 diffèrent

Original
Footer (inner, 2) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (inner, 2), au repos

Survolnon vérifié

Original
Footer (inner, 2) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (inner, 2), survol

Focusnon vérifié

Original
Footer (inner, 2) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (inner, 2), focus

Focus sur buttonCorrespondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur buttonCorrespondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur nav linkCorrespondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur nav linkCorrespondance de 99 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Non vérifié

mobile

La recette n’a pas pu être rendue seule.

Rien n’a été comparé pour ce composant.

Recette dans le DESIGN.md

Non vérifié

mobile

La recette n’a pas pu être rendue seule.

Rien n’a été comparé pour ce composant.

Recette dans le DESIGN.md

Non vérifié

mobile

La recette n’a pas pu être rendue seule.

Rien n’a été comparé pour ce composant.

Recette dans le DESIGN.md

98 % correspondance

mobile

Racine : height vaut 1554px, le site a 1433px; Inner : height vaut 1554px, le site a 1433px et 143 autres.

Au reposCorrespondance de 98 %145 mesures sur 1880 diffèrent

Original
Footer (landing) d’origine sur le site, au repos
Rendu
Rendu isolé de Footer (landing), au repos

Survolnon vérifié

Original
Footer (landing) d’origine sur le site, survol
Rendu
Rendu isolé de Footer (landing), survol

Focusnon vérifié

Original
Footer (landing) d’origine sur le site, focus
Rendu
Rendu isolé de Footer (landing), focus

Focus sur buttonCorrespondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur buttonCorrespondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur link 2Correspondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur link 3Correspondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur link 3Correspondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur link 4Correspondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Survol sur link 4Correspondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée

Focus sur linkCorrespondance de 98 %18 mesures correspondent

Original
Aucune image enregistrée
Rendu
Aucune image enregistrée
Recette dans le DESIGN.md

Extrait du site public de Apple, pas une charte de marque officielle. Vérifier les polices d’un autre site

Dans le même style

Tout parcourir
Aperçu du site Duolingo - The world’s most popular way to learn
Utilitaires et outils du quotidien · Browser Extensions & Small Utilities

Duolingo - The world’s most popular way to learn

Jetons de design extraits par analyse de fréquence de la CSSOM, sans interprétation par un LLM.

Aperçu du site Airbnb
Voyage, transport et logistique

Airbnb

Le système de design d'Airbnb repose sur une unique police variable propriétaire (Airbnb Cereal VF) et sur une palette neutre presque monochrome, ancrée par un anthracite profond (#222222) et des gris clairs. Le rose corail signature de la marque, « Rausch » (#ff385c), est réservé exclusivement aux appels à l'action principaux et au logo. La mise en page est une grille responsive de cartes photo, avec des rapports image-texte généreux, des coins arrondis de 20px sur les cartes et un système d'ombres ambiantes à plusieurs couches qui crée une profondeur subtile sans contraste marqué. La barre de recherche, en forme de pilule bien visible, regroupe l'action principale de l'utilisateur.

Aperçu du site IKEA
Commerce et distribution · E-commerce Store

IKEA

IKEA présente sur sa page d'accueil mondiale un système de design affirmé et à plat, dont l'élément central est le jaune IKEA (#ffdb00), utilisé comme surface d'action principale, tandis que le bleu IKEA (#0058a3) sert d'accent au logo de la marque. Toute la typographie repose sur une police personnalisée unique, Noto IKEA, déclinée en graisses 400 et 700 selon une échelle étroitement définie, des textes courants à 14px jusqu'aux titres d'affichage à 51px. La hiérarchie visuelle passe entièrement par le contraste des couleurs et la structure de la mise en page, sans recours aux ombres. La mise en page s'appuie sur un conteneur d'une largeur maximale de 90rem, avec un espacement de grille de 1,5rem sur ordinateur, et un rayon de bordure homogène de 8px appliqué aux éléments interactifs. Le fond blanc cassé (#fffefb) apporte de la chaleur face au texte #111111 très contrasté, pour une lecture à fort contraste et accessible.

Aperçu du site Notion
Logiciels et SaaS · Productivity & Notes

Notion

La page d'accueil marketing de Notion associe une section héros bleu marine profond (#02093a) à un corps de page clair (#f6f5f4), avec une police personnalisée (NotionInter) pour tous les rôles de texte. Le design repose sur une grille de 12 colonnes avec des gouttières de 28px, un langage de rayons double (8px pour les cartes, 9999px pour les pastilles) et un système d'ombres progressives à plusieurs couches pour les éléments flottants. Le bleu de marque (#2537b1) guide les boutons d'appel à l'action et les accents, tandis qu'une échelle de gris sémantique (de gray-200 à gray-900) structure toute la hiérarchie des textes et des surfaces.

Aperçu du site Railway
Développeurs et infrastructure · Developer Tools & IDEs

Railway

Le système de design de Railway est une interface de plateforme pour développeurs pensée d'abord pour le mode sombre, reposant sur des surfaces bleu marine presque noir (#13111c, #0b0b0f), un texte blanc cassé à fort contraste (#f7f7f8) et un accent violet distinctif (#853bce / #553f83). La section héros utilise IBM Plex Serif pour un poids éditorial, tandis qu'Inter assure tout le texte de l'interface et que JetBrains Mono / SF Mono sont réservées aux contextes de code. L'élévation repose sur des bordures à lueur blanche en retrait (rgba(255,255,255,0.2) 1.5px inset) plutôt que sur des ombres portées, ce qui donne à l'interface une esthétique de panneaux en verre. Le système d'espacement est basé sur une grille de 4px, avec un rythme marqué de 8/12/16/24/32. Les rayons de bordure sont serrés (4px dominant), avec des valeurs de 8px et 16px appliquées sélectivement aux cartes et aux conteneurs du héros.

Aperçu du site Shopify
Services aux entreprises

Shopify

Le site marketing de Shopify s'ouvre sur un héros vidéo plein écran et spectaculaire, dont le fond quasi noir (#02090a) contraste fortement avec la barre de navigation blanche située au-dessus. L'accent de marque principal est un vert menthe éclatant (#36f4a4), utilisé avec parcimonie pour les mises en avant et les états interactifs. La typographie repose sur deux familles : NeueHaasGrotesk pour les titres display et éditoriaux, et Inter-Variable pour le texte d'interface. Les boutons d'appel à l'action adoptent des formes pilule entièrement arrondies (border-radius: 9999px). L'ensemble du système est affirmé, très contrasté et aspirationnel, conçu pour convertir les visiteurs en marchands.

Palettes similaires

Design system de Apple | Design Extractor