F03 - Add style to LoginPage (with CSS)
KentuckySato opened this issue · 0 comments
KentuckySato commented
Règles métiers :
- Reproduire la maquette uniquement pour la page Login (pas pour OrderPage)
- Changer le placeholder de l'input box à "Entrez votre prénom" (sans les trois petits points)
- Changer le label du bouton login à "Accéder à mon espace" (et non "Accéder à votre espace").
Assets :
- Maquette Figma : disponible en cliquant sur ce lien
- Image background : télécharger assets ci-dessous
- Logo : télécharger assets ci-dessous
- Design system (fichier theme/index.js) : télécharger assets ci-dessous
- Font du titre : Amatic SC ("Regular 400" et "Bold 700")
- Font du body : OpenSans ("Medium 500")
- Librairie de style : styled-components
- Librairie d'icônes : react-icons
Note de ViDev :
- Si tu n’as pas exactement la même implémentation de style que moi c’est pas grave
- Pour ajouter les fonts, passe par le fichier html
- Pas besoin de faire du "pixel perfect" ici. C'est une appli dont le style pourra être ajusté à ton goût. Il faut donc que votre rendu ressemble à peu près à mon rendu en utilisant le design system.