Fiche Descriptive Complète : MEDIATECH
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template mediatech_neutralite_algorithmique.html
Version 1.0.0
Date de création 16/03/2026
Auteur / Designer Refoia Jeremy Tech (Style : Brutalisme Digital)
Type de page Landing Page de service technologique / Juridique
Objectif principal Promouvoir une solution de médiation par IA et convertir via le bouton « Diagnostic ».
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template utilise une esthétique Brutaliste (bordures épaisses, polices monospace, contrastes élevés) pour projeter une image de neutralité radicale et d’efficacité froide. Il présente les services de « MEDIATECH », une plateforme qui utilise l’IA pour résoudre des conflits sans intervention humaine émotionnelle.
📌 Public cible (Persona)
👤 Entreprises en litige cherchant une résolution rapide et économique.
👤 Particuliers souhaitant éviter les délais et les coûts du système judiciaire classique.
👤 Professionnels du droit intéressés par les outils de déjudiciarisation.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 sémantique.
Framework CSS : Aucun (CSS Pur / Custom Properties).
Style : Brutalisme (0 arrondi, typographie système, contrastes primaires).
Browsers ciblés : Chrome ✅ Firefox ✅ Safari ✅ Edge ✅.
Responsive : ✅ Oui (Grid-based layout avec Media Queries).
📦 Dépendances / Assets
Polices : « Courier New », Courier, monospace (Web safe).
Couleurs : Palette restreinte : #000000 (Noir), #FFFFFF (Blanc), #FF0000 (Rouge).
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 ticker_messages array ✅ Oui Phrases défilant dans le marquee.
2 hero_title str ✅ Oui Titre principal (H1).
3 stat_value str ✅ Oui Valeurs numériques des statistiques (ex: -75%).
4 feature_list array ✅ Oui Liste des fonctionnalités du moteur « Neutral-Sense ».
📤 INTERACTIONS & SORTIES
Hover effect : Les feature-box se déplacent (translation) et changent la couleur de l’ombre en rouge au survol.
Marquee : Information continue simulant un terminal en temps réel.
CTA : Lien de diagnostic redirigeant vers le processus d’analyse.
🧱 STRUCTURE DU FICHIER — DOM
mediatech_neutralite_algorithmique.html
│
├── 📌
(Config Meta, Styles Brutalistes)│
└── 📌
│
├── 🏗️
├── 🏗️
├── 🏗️
│ ├── .hero-text (H1 + Pitch + CTA)
│ └── .hero-image (Placeholder visuel « [ LOGIC ] »)
├── 🏗️
├── 🏗️
│ ├──
: Titre « Moteur Neutral-Sense »
│ └── .ia-features : Grid de 3 .feature-box
└── 🏗️
Avis
Il n’y a pas encore d’avis.