deepseek_html_20260315_296532(1)

Fiche Descriptive Complète : Auxiliaire parentale · Bleu Le Mans Satiné

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template deepseek_html_20260315_296532(1).html

Version 1.0.0

Date de création 18 Mars 2026

Auteur / Designer Refoia Jeremy Tech

Type de page Fiche de poste / Annonce de recrutement Premium

Objectif principal Présenter une offre d’emploi haut de gamme pour une garde d’enfant

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une carte de recrutement immersive conçue pour le secteur du service à la personne de luxe. Il utilise une esthétique inspirée de l’automobile de prestige (McLaren « Bleu Le Mans Satiné ») pour valoriser le sérieux et l’élégance du poste. La structure est divisée en une bannière informative (Hero) et une grille à deux colonnes séparant les missions, le profil et les modalités contractuelles.

📌 Public cible (Persona)

👤 Candidats qualifiés (Auxiliaires de puériculture, Nounous expérimentées).

👤 Familles Premium souhaitant diffuser une image de marque employeur soignée.

👤 Agences de placement recherchant un support visuel distinctif.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

CSS : CSS3 pur avec utilisation de Variables CSS (en ligne via style tag), Flexbox et CSS Grid.

Responsive : ✅ Oui — Adaptatif via Media Queries (point de rupture à 700px).

Effets visuels : Gradients linéaires, filtres de flou (backdrop-filter), et reflets satinés simulés en CSS.

📦 Dépendances / Assets

FontAwesome 6.0.0 : Icônes vectorielles pour l’ergonomie visuelle.

Google Fonts : Police « Inter » (variantes 400 à 700).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 job_title str ✅ Intitulé du poste (ex: Auxiliaire parentale).

2 location_label str ✅ Ville ou secteur géographique.

3 salary_range str ❌ Fourchette de rémunération horaire.

4 mission_list array ✅ Liste des tâches quotidiennes.

5 family_context text ❌ Description des enfants et de l’environnement (ex: animaux).

🧱 STRUCTURE DU FICHIER — DOM

index.html

: Préconnexion aux polices, styles critiques « Satin Blue » embarqués.

:

.job-card : Conteneur principal (effet de profondeur).

.hero-lemans : En-tête avec dégradé bleu profond et badges de statut (Temps partiel, Lieu).

.content-grid :

.left-column : Sections « Missions principales » et « Profil recherché » (Listes à puces iconifiées).

.right-column : Détails du contrat, contexte familial et bloc de contact.

.footer-note : Signature légale et badge « Inspiré McLaren ».

🎨 CHARTE GRAPHIQUE & DESIGN SYSTEM

🎨 Palette de Couleurs (Thème Satiné)

Bleu Primaire (Le Mans) : #2b3f5c / #1c2b3f (Gradients).

Accent Satiné : #9bb7d4 (Bordures et reflets).

Fond de Page : #0b0f15 (Contraste maximal).

Surface Card : #ffffff (Clarté de lecture).

Texte : #1f2937 (Gris anthracite pour le confort visuel).

🧪 TESTS & VALIDATION

# Cas de test Action Résultat attendu

1 Responsive Réduire la fenêtre < 700px La grille passe sur une seule colonne. 2 Contraste Vérifier texte sur bleu Le blanc et le bleu clair assurent une lisibilité AA. 3 Hover Survoler le bouton "Télécharger" Transition scale et changement d'ombre. 📝 EXEMPLE D'INTÉGRATION Pour modifier la couleur principale vers un autre coloris automobile (ex: Orange Papaye), modifiez la variable de gradient : CSS .hero-lemans { background: linear-gradient(135deg, #ff8000 0%, #ff9933 100%); border-bottom: 4px solid #ffcc66; }