← Playground · Interne · exploration
Le design proposé — graphisme sobre + dark mode
Couleur (Aurore) et mise en page (hero deux colonnes) validées. Ce tour ajoute deux choses : un graphisme sobre dans l'esprit du portail d'audit — des icônes au trait dans des pastilles teal, rien de tape-à-l'œil — et un dark mode natif qui suit le réglage du système, avec un sélecteur manuel ci-dessous.
« Auto » suit prefers-color-scheme de l'OS (c'est le « natif ») ; Clair/Sombre
forcent. Rien ne touche le réel — page jetable. Promotion = porter les tokens + le bloc
dark dans tokens.css et les composants, décision loggée (GOVERNANCE §4).
Oubliez l'informatique. InfraPro s'en occupe.
Vous faites tourner votre organisation dans le cloud, votre équipe travaille d'où elle veut, et rien ne tient à un serveur ou à un bureau. Microsoft 365 géré de bout en bout, un seul interlocuteur.
Un premier échange, sans engagement.
01Nos offres
Microsoft 365 géré, avec ou sans vos appareils — et l'infrastructure sur site.
Parlons-en.
Prendre rendez-vousInterne · palette graphique
Une palette, un seul thème — de la variété sans monotonie
Pour éviter la répétition, plusieurs types d'éléments qui parlent tous la même langue (teal Aurore, trait, dégradé, sobriété) — pas une nouvelle couleur. On les répartit selon les sections. Garde-fous tenus : aucun chiffre inventé (les stats sont des gabarits « à sourcer ») et aucune vente par la peur (factuel, calme).
Carte à icône
Offres, services — la base.
Cloud
Microsoft 365 géré et sécurisé.
Chiffre sourcé
Le réel, sans dramatiser. Toujours attribué.
00%
des organisations comme la vôtre font tourner leur informatique dans le cloud.
Exemple · chiffre à sourcer
Mini-dashboard audit M365 exclusif
L'interface comme visuel — et comme preuve. Données d'exemple.
Citation client
La preuve comme visuel (priorité #1).
Je ne pense plus à l'informatique. Quelqu'un s'en occupe, et je le sais.
Étapes numérotées
« Comment ça marche » — du rythme.
- 1On regarde votre installation.
- 2On sécurise et on reprend la main.
- 3Vous oubliez l'informatique.
Panneau dégradé
Récap, moment fort, séparateur.
Liste « ce qui est inclus »
Périmètre, offres — des résultats, pas un menu.
- Votre plateforme tenue à jour et sécurisée
- Ce qui casse, on le répare
- Un seul interlocuteur
Comparatif Cloud / 360
La différence en un coup d'œil (les appareils).
Encadré « bon à savoir »
Guides, articles — un aside calme.
Deux copies valent mieux qu'une : une locale, une dans le cloud.
Bandeau de confiance
Crédibilité — marques légitimes seulement.
Cadre image (traitement cohérent)
Quand la photo arrivera : bande cinématique + même grade partout (désaturation légère + voile teal). Aucune photo pour l'instant — placeholder.
Illustration — horizon vecteur
« Travailler d'où l'on veut » — calme, liberté. Bande cinématique.
Illustration — arches vecteur
Architecture & lumière — premium, abstrait.
Illustration — strates vecteur
Structure, ordre — derrière un titre ou un moment sombre.
Toutes en light ici pour juger la forme ; chacune se décline en dark via les mêmes tokens (les illustrations seront retintées au passage). L'usage suivra la copie : quand le contenu sera rédigé/importé, je proposerai l'élément qui colle à chaque section. Pour les stats, on liste les chiffres à sourcer avant tout affichage ; la citation attend un vrai client (piste preuve #1). Pour du raster occasionnel (décor/objets, jamais de personnes), Adobe Firefly est un choix sûr côté droits — passé au même traitement, avec parcimonie.