Logo TPSS Conseil

Charte graphique
TPSS Conseil

Version 2 finale à valider — identité visuelle, palette, typographies, règles d’usage, composants web, style CRM et supports de communication.

Avec TPSS, Tout Problème à Sa Solution

1. ADN de marque

Positionnement

TPSS Conseil se positionne comme un service d’accompagnement administratif clair, fiable et orienté solution, capable d’aider les particuliers, associations, artistes, porteurs de projets et petites structures à simplifier leurs démarches.

Avec TPSS, Tout Problème à Sa Solution

Perception recherchée

Confiance Méthode Solution Clarté Rigueur Humain

L’univers doit rester professionnel, moderne, propre, rassurant et accessible.

2. Palette officielle

Bleu nuit profond

#133C67

Titres, menus, bandeaux, éléments sérieux.

Bleu pétrole

#0C4F73

Liens, infos, icônes, boutons secondaires.

Violet premium

#6E42B8

Accents, tags, sous-titres, éléments différenciants.

Magenta digital

#C326C9

CTA, surlignage, actions prioritaires.


Neutres

#111111 Noir élégant
#F5F7FA Fond clair
#FFFFFF Blanc

Répartition recommandée

60 % blanc/fond clair
25 % bleu
10 % violet
5 % magenta

Dégradé officiel

bleu → violet → magenta

3. Typographies officielles

Playfair Display

Usage : titres principaux, couvertures, signatures, éléments premium.

Elle donne une image élégante, professionnelle et mémorable.

Montserrat

Usage : textes courants, boutons, tableaux, CRM, posts réseaux.

Elle garantit une excellente lisibilité sur web, mobile et PDF.

ÉlémentPoliceCouleurStyle
Titre principalPlayfair DisplayBleu nuit ou noirBold, grand format
Sous-titreMontserratViolet ou bleu pétroleSemi-bold
Texte courantMontserratNoir / gris foncéRegular
Bouton / CTAMontserratBlanc sur magentaBold

5. Gabarits réseaux sociaux

Post conseil

Fond blanc, titre bleu nuit, mot-clé violet, logo discret.

Éducatif

Post alerte

Bandeau magenta, titre court, message direct, CTA visible.

Attention

Checklist

Cases à cocher, liseré bleu, structure très lisible.

Pratique

Offre

3 blocs maximum, bouton magenta, bénéfice clair.

Conversion

3 erreurs qui bloquent votre dossier logement

Un document manquant, une information incohérente ou un mauvais suivi peuvent faire perdre du temps.

Besoin d’aide ? Contactez TPSS

6. Style des documents et kits digitaux

Kit Logement
TPSS Conseil

Checklists, modèles, démarches et tableau de suivi.

Tout Problème à Sa Solution

Règles PDF

  • Couverture claire avec logo, titre, sous-titre, version/date.
  • Titres en bleu nuit, sous-titres en violet, CTA en magenta.
  • Tableaux aérés, marges confortables, fonds gris très clairs.
  • Pied de page : TPSS Conseil, slogan court, numéro de page.
  • Signature officielle sur les supports commerciaux : “Avec TPSS, Tout Problème à Sa Solution”.

7. Style CRM admin-tpss.fr et site vitrine tpss.fr

CRM — admin-tpss.fr

Le CRM doit être fonctionnel, rapide à lire et orienté suivi.

DossiersValidéEn attenteUrgent

  • Menu latéral bleu nuit.
  • Boutons d’action magenta.
  • Tableaux blancs, bordures fines, badges de statut.
  • Fiches clients sous forme de cartes structurées.

Site vitrine — tpss.fr

Le site vitrine doit rassurer, présenter les offres et convertir.

  • Hero clair avec slogan officiel.
  • Présentation des services administratifs.
  • Produits digitaux, dont Kit Logement.
  • Preuves : témoignages, cas clients, chiffres.
  • CTA : demander un accompagnement / acheter un kit.

8. Ton rédactionnel

Clair

Phrases simples, vocabulaire administratif expliqué, étapes numérotées.

Rassurant

On réduit la charge mentale, on évite les erreurs, on accompagne.

Orienté solution

Chaque contenu doit proposer une prochaine étape concrète.

9. Variables CSS réutilisables

:root {
  --tpss-blue-night: #133C67;
  --tpss-blue-petrol: #0C4F73;
  --tpss-violet: #6E42B8;
  --tpss-magenta: #C326C9;
  --tpss-black: #111111;
  --tpss-gray-100: #F5F7FA;
  --tpss-gray-300: #DDE2EA;
  --tpss-white: #FFFFFF;

  --tpss-success: #27AE60;
  --tpss-warning: #F39C12;
  --tpss-danger: #D64545;
  --tpss-info: #0C4F73;

  --gradient-main: linear-gradient(135deg, #133C67 0%, #6E42B8 55%, #C326C9 100%);
  --font-title: 'Playfair Display', Georgia, serif;
  --font-body: 'Montserrat', Arial, sans-serif;
  --radius-lg: 22px;
  --radius-md: 14px;
  --shadow-soft: 0 14px 34px rgba(19, 60, 103, .12);
}

10. Décision V2

Éléments validés dans cette version

  • Slogan officiel : “Avec TPSS, Tout Problème à Sa Solution”.
  • Palette issue du logo : bleu, violet, magenta, noir, blanc.
  • Style : cabinet administratif moderne, digital et accessible.
  • Typographies : Playfair Display + Montserrat.

À valider avant verrouillage

  • Le niveau de premium : sobre ou plus haut de gamme.
  • La dominance du magenta : discret ou plus présent.
  • Le style des posts : très institutionnel ou plus dynamique.
  • Le nom exact du futur kit logement.
TPSS Conseil — Avec TPSS, Tout Problème à Sa Solution — Charte graphique V2