Fiche Descriptive Complète : FAMILIAI | Médiation Augmentée

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template familiai_mediation_augmentee.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech (Inspiré par le style Brutaliste)

Type de page Landing Page Vitrine

Objectif principal Présenter un service de médiation familiale assistée par IA avec un positionnement radical et éthique (PWYW).

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template propose une expérience utilisateur brutaliste et technologique. Il casse les codes traditionnels de la médiation (souvent douce et colorée) pour afficher une neutralité algorithmique « froide » et efficace. Il structure l’information via une barre de données défilante, une section Hero à fort impact visuel, et une grille de services claire.

📌 Public cible (Persona)

👤 Couples en séparation recherchant une solution rapide, neutre et économique.

👤 Utilisateurs technophiles sensibles à l’usage de l’IA dans le domaine juridique/social.

👤 Personnes à budget limité attirées par le modèle « Pay-What-You-Want ».

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : CSS Pur (Custom Properties/Variables).

Design System : Brutalisme (Bordures épaisses, angles droits, typographie monospace).

Responsive : Oui (Grid Layout avec bascule en colonne via Media Queries).

Browsers ciblés : Chrome, Firefox, Safari, Edge.

📦 Dépendances / Assets

Polices : Courier New, Courier, monospace (Polices système).

Couleurs : Noir (#000), Blanc (#fff), Bleu Électrique IA (#0000ff).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 system_status str ✅ État du système (ex: MEDIATION_AUGMENTED).

2 marquee_text str ✅ Texte défilant dans la data-strip (actualités/stats).

3 binary_art text ❌ Bloc de code binaire/ASCII pour l’esthétique IA.

4 features_list array ✅ Liste des 3 piliers (IA, Brutalisme, PWYW).

🧱 STRUCTURE DU FICHIER — DOM

familiai_mediation_augmentee.html

📌 : Meta-données, styles CSS encapsulés (Variables :root).

📌 :

🏗️