family_raw_mediation_ia

17,00 

Convertir l’utilisateur vers un audit de médiation par IA

UGS : family_raw_mediation_ia Catégorie :

📋 Fiche Descriptive : FAMILY_RAW // MÉDIATION IA

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template family_raw_mediation_ia.html

Version 1.0.0 (V1.0 spécifiée dans le header)

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech (Inspiré par le style Neo-Brutalism)

Type de page Landing Page de service (LegalTech / IA)

Objectif principal Convertir l’utilisateur vers un audit de médiation par IA

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template propose une interface Néo-Brutaliste (haut contraste, bordures épaisses, ombres portées nettes) pour un service de médiation familiale automatisé par intelligence artificielle. Il met en avant la neutralité radicale, la rapidité d’exécution (72h) et la réduction des coûts par rapport au système judiciaire classique.

📌 Public cible (Persona)

👤 Couples en séparation cherchant une solution rapide et factuelle.

👤 Individus technophiles privilégiant la logique algorithmique à l’affect humain.

👤 Utilisateurs pressés souhaitant éviter les délais et coûts des tribunaux.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Space Grotesk (Google Fonts) – Style géométrique et moderne.

Responsive : ✅ Oui (Grilles adaptatives md:grid-cols-3, menu mobile hidden md:flex).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 mediation_status string ✅ Texte affiché dans le simulateur de terminal (ex: « INITIALIZING… »)

2 asset_value number ✅ Valeur des actifs analysés (ex: 450,000€)

3 equity_percentage float ❌ Pourcentage d’équité trouvé (ex: 98.4%)

🧱 STRUCTURE DU FICHIER — DOM

family_raw_mediation_ia.html

📌: Configuration UTF-8, Viewport, Google Fonts et Styles personnalisés (classes .brutal-card, .brutal-btn, .glitch-text).

📌:

🏗️

: Logo « FAMILY_RAW », navigation (Algorithme, Tarifs, Sécurité) et bouton CTA « Démarrer_Médiation ».🏗️

:
Hero Section (Gauche) : Titre impactant (« LE CONFLIT TERMINÉ »), descriptif et boutons d’action.

Visual Asset (Droite) : Une carte noire simulant un terminal de commande avec du code vert fluo.

🏗️

: Bandeau défilant (Marquee) avec messages subliminaux (« PAS DE SENTIMENTS / JUSTE DES FAITS »).

🏗️

(Features) : Grille de 3 cartes présentant les piliers (Zéro Empathie, Vitesse Brutale, Prix Fixe).🏗️

: Informations légales (RGPD Zero Log), liens de contact (Discord, API) et copyright 2026.🎨 CHARTE GRAPHIQUE & DESIGN SYSTEM

🎨 Palette de Couleurs

Fond principal : #e0e0e0 (Gris béton).

Cartes/Boutons : #ffffff (Blanc) / #ff0000 (Rouge vif pour l’accent).

Texte/Bordures : #000000 (Noir pur, bordures de 4px).

Accents Sections : Jaune (bg-yellow-300), Bleu (bg-blue-300), Vert (bg-green-300).

📐 Mise en Page — Layout

Style : Neo-Brutalist Design.

Bordures : border-4 border-black.

Ombres (Box-shadow) : 8px 8px 0px #000.

Animations : Glissement au survol (hover:translate(-2px, -2px)) et changement de couleur d’ombre vers le rouge.

🧪 TESTS & VALIDATION

# Cas de test Action Résultat attendu

1 Hover Bouton Passer la souris sur « Lancer l’audit » Le bouton se déplace et l’ombre disparaît au clic.

2 Responsive Réduire la largeur à 400px Le texte « Le Conflit » s’adapte, le terminal passe sous le texte.

3 Animation Observer le bandeau noir Le texte défilant doit simuler une urgence (animate-pulse).

Avis

Il n’y a pas encore d’avis.

Soyez le premier à laisser votre avis sur “family_raw_mediation_ia”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *