nannyai_terminal_interface

17,00 

Présenter le pitch deck de NannyAI sous une forme immersive « Hacker/Cyber » pour investisseurs.

UGS : nannyai_terminal_interface Catégorie :

Fiche Descriptive Complète : Interface Terminal NannyAI

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template nannyai_terminal_interface.html

Version 2.0.4

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page Landing Page Interactive (Style Rétro-Futuriste / Terminal)

Objectif principal Présenter le pitch deck de NannyAI sous une forme immersive « Hacker/Cyber » pour investisseurs.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template simule une interface de terminal informatique (CLI) des années 80/90. Il utilise des effets visuels avancés (balayage CRT, scanlines, texte clignotant) pour présenter les données stratégiques d’une startup (TAM/SAM/SOM, fonctionnalités, projections financières). L’interface est fixe mais hautement stylisée pour marquer l’esprit de l’utilisateur.

📌 Public cible (Persona)

👤 Investisseurs Tech (Venture Capitalists) recherchant des projets innovants et différenciés.

👤 Professionnels de la petite enfance technophiles.

👤 Développeurs appréciant l’esthétique rétro-informatique.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Aucun (CSS natif Custom Properties).

Framework JS : Aucun (Statique).

Responsive : ✅ Oui (Grid Layout auto-fit).

Effets Spéciaux : Animations CSS keyframes pour le curseur et le balayage.

📦 Dépendances / Assets

Fonts : Courier New, Courier, monospace (Polices système à chasse fixe).

CSS : Variables natives (:root) pour la gestion des couleurs (Vert Terminal).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 system_version str ✅ Version du noyau (ex: v2.0.4).

2 market_stats array ✅ Valeurs TAM, SAM, SOM.

3 features_list array ✅ Liste des fonctionnalités clés.

4 revenue_data table ✅ Tableau des projections financières.

🧱 STRUCTURE DU FICHIER — DOM

nannyai_terminal_interface.html

├── 📌 (Meta, Styles embarqués)

└── 📌

├── 📺 .crt-overlay (Filtre visuel cathodique global)

└── 🏗️

├── 🎞️ .scanline (Animation de ligne de balayage)

├── 🏗️

│ ├── .cmd-line (Status Online)

│ └──

(Titre : NannyAI)

├── 🧱

│ └── .highlight (Mise en avant du Nanny-Core)

├── 🧱 .grid-stats (Cartes TAM/SAM/SOM)

├── 🧱

(Liste à puces stylisée [+])

├── 🧱

(Tableau de données)

└── 🏗️

(Prompt de commande final)

🎨 CHARTE GRAPHIQUE & DESIGN SYSTEM

🎨 Palette de Couleurs

CSS

:root {

–term-green: #00ff41; /* Vert matrice classique */

–term-bg: #0d0d0d; /* Noir profond terminal */

–term-dim: #003b00; /* Vert sombre (bordures/états inactifs) */

}

📐 Mise en Page & Typographie

Layout : display: flex pour le centrage vertical/horizontal. Grid pour les statistiques.

Typographie : Monospace uniquement pour renforcer l’aspect « code ».

Animations :

blink : 1s linéaire (simule le curseur).

scanline : 8s linéaire (simule le rafraîchissement d’écran).

🧪 TESTS & VALIDATION

# Cas de test Résultat attendu Statut

1 Effet CRT Le grain et les lignes sont visibles sans bloquer le texte. ✅ OK

2 Responsive Les cartes de stats passent en colonne sur mobile. ✅ OK

3 Accessibilité Contraste vert sur noir (Ratio très élevé). ✅ OK

4 Performance Zéro requête HTTP externe (tout est inline). ✅ OK

📝 EXEMPLE D’INTÉGRATION CSS (EFFET CRT)

CSS

/* Simulation d’écran ancien */

.crt-overlay {

background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),

linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}

📌 Fiche générée par — Agent IA Refoia Jeremy Tech

🔖 Usage : Documentation de projet / Pitch Deck Technique

Avis

Il n’y a pas encore d’avis.

Soyez le premier à laisser votre avis sur “nannyai_terminal_interface”

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