Deuxième passe DA : direction "punchy, friendly, donne envie de fun"

Retour direct de Kévin après la 1ère passe (trop sage) : palette poussée
en saturation (corail vif en primaire, prune + doré en accents), formes
plus rondes (boutons pilule, rayons 20px), micro-animations avec du peps
(easing overshoot, coche qui se dessine + confettis CSS purs à l'envoi,
spinner animé). Police d'accent Fraunces ajoutée pour les titres (2
fichiers .woff2 auto-hébergés, ~44 Ko, SIL OFL, jamais de CDN).

Ton de voix retravaillé : micro-copies plus souriantes, nouvel état
"limite de photos atteinte" traité chaleureusement (pas comme une erreur).

Cohérence maintenue sur galerie admin, carton imprimable, et générateur
QR (sync légère, priorité basse). Testé en conditions réelles sur
photobooth.assistantaikev.eu.
This commit is contained in:
2026-09-16 15:48:29 +02:00
parent 66435b0705
commit 3afd475a55
10 changed files with 716 additions and 175 deletions
+17 -14
View File
@@ -8,23 +8,26 @@
<style>
/* Mêmes tokens que src/e/style.css et src/admin/gallery/style.css —
cohérence visuelle même sur cet outil interne que les clients ne
voient pas (cf. retour Kévin 2026-09-16). */
voient pas (cf. retour Kévin 2026-09-16). Palette/rayons resynchronisés
avec la passe 2 (2026-09-16, direction "punchy/friendly") ; outil
interne, priorité basse donc pas de police d'accent ni d'animation
ajoutées ici, juste la cohérence de base (couleurs, rayons). */
:root {
color-scheme: light;
--color-bg: #faf8f5;
--color-bg: #fff8f0;
--color-surface: #ffffff;
--color-surface-muted: #f2ede4;
--color-text: #262420;
--color-muted: #6f6a62;
--color-border: #e3ddd2;
--color-accent: #8a5a44;
--color-accent-hover: #6e4735;
--color-accent-soft: #f1e3d8;
--color-accent-contrast: #ffffff;
--color-error-text: #7a1f14;
--radius-sm: 8px;
--radius: 14px;
--shadow-sm: 0 1px 2px rgba(38, 36, 32, 0.06);
--color-surface-muted: #fdecdd;
--color-text: #2b2016;
--color-muted: #8a7869;
--color-border: #f1ddc6;
--color-accent: #e35f2b;
--color-accent-hover: #c74c1e;
--color-accent-soft: #ffe3d0;
--color-accent-contrast: #fffaf6;
--color-error-text: #a3341c;
--radius-sm: 12px;
--radius: 20px;
--shadow-sm: 0 2px 6px rgba(163, 78, 30, 0.1);
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
}