KevinLecou
107e5c619a
Nouvelle direction artistique actée (.claude/skills/photobooth-da/SKILL.md)
qui remplace progressivement la DA corail/prune/doré des 3 passes
précédentes. Décision associée : les invités voient désormais toutes les
photos de l'événement (revirement du "upload only" initial), cf.
docs/decisions.md — implique une mise à jour de la mention RGPD à faire.
Écran 3 du brief (galerie invité) livré en premier, comme demandé,
priorité au rendu visuel : grille de cadres polaroid (rotation aléatoire
-4°/+4°, légende manuscrite Caveat), fond noir chaud #12100E, effet
"chute avec rebond" pour un nouveau polaroid (bouton de démo temporaire
pour l'évaluer sans backend réel).
Contrastes vérifiés par calcul WCAG AA (skill) : texte clair sur fond
sombre largement conforme, mais texte clair sur les 3 couleurs d'accent
échouait (1.3:1 à 2.8:1) — corrigé en texte sombre systématique sur les
surfaces accent (6.3:1 à 13.2:1).
Nouvelles polices auto-hébergées (General Sans 700, Caveat variable,
Inter variable — ~144 Ko cumulés, poids documenté dans src/vendor/NOTICE.md).
⚠️ Maquette avec données factices (src/galerie/mock-photos/) : pas encore
câblée à Supabase, il manque une RPC/Edge Function publique de listing
(aucune fonction actuelle ne convient à un accès invité anonyme sans
admin_token). Route /galerie/<slug> ajoutée à deploy/nginx-photobooth.conf
et déployée sur photobooth.assistantaikev.eu.
1.3 KiB
1.3 KiB
name, description
| name | description |
|---|---|
| photobooth-da | Applique la direction artistique "Polaroid Néon" du projet Rêves Liquides Photobooth. À utiliser pour tout écran, composant ou style visuel de cette appli — scan, upload, galerie invité, admin. |
Direction artistique — Polaroid Néon
Palette
- Fond principal : #12100E (noir chaud, jamais #000 pur)
- Accent corail : #FF5E5B (CTA, boutons principaux)
- Accent jaune : #FFD166 (badges, highlights)
- Accent vert : #06D6A0 (succès, validation)
- Blanc cassé : #FAF6F0 (cadre polaroid, textes clairs)
- Beige poudré : #E8DFD3 (bordures, séparateurs)
Typographie
- Titres/display : Clash Display ou General Sans (bold arrondie)
- Légendes manuscrites : Caveat ou Permanent Marker
- UI/corps de texte : Inter ou Satoshi
Composant signature : cadre polaroid
- Fond blanc cassé, marge basse épaisse pour la légende
- Rotation aléatoire entre -4° et +4° par carte
- Ombre douce (box-shadow léger), jamais de glow/neon CSS artificiel
- Prénom + message en typo manuscrite dans la zone basse
Écran admin = exception
Sobre, sombre, data-first. Pas de confettis, pas de rotation polaroid. Cartes en #1E1B18. Accent corail réservé aux CTA uniquement.
Règle non négociable
Vérifier systématiquement le contraste texte/fond sur #12100E avant de livrer un écran (norme WCAG AA minimum).