Studio de Réglages
Personnalisez votre expérience visuelle BMAD
Sally — Direction Artistique & UI/UX
Identité de marque, thèmes, néon, contrastes et grilles
Cartes Glassmorphism
SALLY #02Effet verre dépoli & reflets colorés
Chiffres "Outline" Réactifs
SALLY #03Contour filaire qui s'illumine & se remplit
Grain Argentique (Noise)
SALLY #04Texture éditoriale et subtil grain de film
Grille Blueprint & Axes
SALLY #05Repères d'ingénierie & lignes de force
Survol Réactif des Badges
SALLY #06Onde lumineuse & lévitation des tags
Clipping Mask Texturé
SALLY #07Gradients vibrants découpés dans les chiffres
Terminaux d'Ingénierie
SALLY #07Aperçus de code source & pipelines dans les cartes
Anneau de Progression (HUD)
SALLY #08Jauge HUD radiale 25% à 100% avec néon
Contrastes Typographiques
SALLY #09Titres Display gras + métadonnées Monospace
Bouton Flottant Contextuel
SALLY #10CTA sticky morphing synchronisé au scroll
Picsell Studio Config v1.0 • Sauvegarde auto en local
La référence officielle de l'identité visuelle, de la palette chromatique, des déclinaisons du logo et du système typographique de Picsell Agency.
Construite autour de quatre teintes vives tirées du logo et complétée par deux neutres structurants. Cliquez sur une carte pour copier son code HEX.
Bleu Picsell
60% (avec Blanc Cassé)Couleur Principale
Logo, titres, boutons principaux, accents structurels et éléments de confiance.
Turquoise
30% (avec Orange)Couleur Secondaire
Sous-titres, icônes tech, accents frais, tags de code et télémétrie IA.
Orange Énergie
Action & CTACouleur d'Action
Boutons d'appel à l'action majeurs, badges d'alerte, soulignements actifs.
Jaune Doré
10% AccentCouleur Optimisme
Mise en avant, reflets d'horlogerie, badges de certification et étoiles.
Noir Charbon
Ancrage & Dark ModeCouleur d'Ancrage
Corps de texte sur fond clair, fonds sombres profonds, structures d'interface.
Blanc Cassé
RespirationCouleur de Fond
Fonds neutres, cards contrastées, zones de respiration et documentation.
Règle de Répartition 60 / 30 / 10
60% Primaire (Bleu & Blancs) • 30% Secondaire (Turquoise & Orange) • 10% Accent (Jaune Doré & Noir).
Le “P” stylisé de Picsell Agency s'articule autour d'un obturateur à quatre quadrants chromatiques. Il doit toujours être reproduit avec une clarté absolue.
Version Fond Sombre
Pour interfaces midnight & fonds sombres.
Version Fond Clair
Usage standard print et web clair.
Monochrome Blanc
Sur aplats colorés pleins.
Monochrome Noir
Documents officiels & tampons.
Zone de Protection (Espace de Respiration)
Le logo doit toujours être entouré d'un espace libre minimum équivalent à la hauteur de la boucle du “P”. Aucun texte ou élément parasite ne doit empiéter sur cet espace.
Usages Proscrits
- ✕Ne jamais étirer, comprimer ou déformer les proportions.
- ✕Ne jamais modifier les couleurs officielles des quadrants.
- ✕Ne jamais faire pivoter le logo (toujours horizontal).
- ✕Ne jamais appliquer d'ombres portées fantaisistes.
La hiérarchie typographique structure le regard et reflète l'exigence technique de l'agence.
Sora
Precision in every pixel
Montserrat
L'IMAGE QUI VEND.
Geist Sans
L'ingénierie visuelle et la performance commerciale assemblées dans un mouvement perpétuel.
Geist Mono
</> P99 < 100ms // 0_LEGACY_DEBT // SLA: 99.9%
Comment s'exprime Picsell Agency : les 4 règles d'or de notre communication officielle.
Direct & Confiant
Nous parlons comme des ingénieurs et des stratèges chevronnés. Pas d'hésitation, pas de faux-fuyants. Chaque promesse est mesurée, quantifiée et garantie.
Zéro Jargon Creux
Nous bannissons les buzzwords vides ('disruptif', 'synergie 360', 'ubérisation'). Nous employons les termes exacts : coût d'acquisition, ROAS, Core Web Vitals, webhooks.
Métaphore Horlogère Assumée
L'horlogerie incarne la précision mécanique, l'assemblage de pièces solidaires et le mouvement perpétuel de valeur pour nos clients.
Orienté Vente & Décision
La beauté sans résultat est une illusion. Chaque mot, chaque composant et chaque choix technique est justifié par son impact sur la conversion et le chiffre d'affaires.