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.
34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
---
|
|
name: photobooth-da
|
|
description: 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).
|