Stunning
Un autre contrôle d'intégration du même trimestre, sur le même principe qu'Euphoria : maquette Figma imposée, à coder en temps limité. Cette fois la charte n'était plus du bien-être, mais du corporate strict.
Le sujet
Une landing institutionnelle pour "Stunning", un nom inventé par le prof pour l'exercice. Bleu indigo profond #11118B, sections de contenu en cards bleu très pâle, formulaire de contact avec textarea. Encore en anglais, la maquette Figma fournie l'était. Mon boulot, comme la fois précédente : reproduire en HTML/CSS.
Ce qui changeait d'Euphoria
Même type d'exercice, registre opposé. À la place du vert tendre et de l'image yoga grand format, une charte B2B très sobre : #11118B partout pour les titres et boutons, sections content en #EEEEFC, font Lato, un form de contact complet en pied. Un autre univers à traduire fidèlement, le même outil pour le faire.
Ce que je vois aujourd'hui
Mon CSS reste en desktop-first, comme tous mes exercices de cette période. Mon form de contact a un défaut que je n'avais pas vu à l'époque : trois inputs ont le même id="lastame", ce qui rend le HTML invalide. Pas de focus state sur le bouton, pas de transitions. Pour un exercice de quelques heures, ça passait. Sur un vrai form en prod, je referais tout proprement.