Nouvelle DA "Polaroid Néon" : écran galerie invité (maquette visuelle)
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.
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
---
|
||||
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).
|
||||
Reference in New Issue
Block a user