# Idées de design — BâtirPro Maçonnerie

<response>
<text>
## Approche 1 — Brutalisme Artisanal
**Design Movement:** Brutalisme industriel teinté d'artisanat français
**Core Principles:** Honnêteté matérielle, contraste fort, typographie massive, structure exposée
**Color Philosophy:** Béton brut (gris chaud #5C5346), orange chantier (#E8601C), blanc cassé (#F5F0EA) — évoquer la chaleur du travail manuel
**Layout Paradigm:** Colonnes asymétriques, blocs décalés, marges intentionnellement irrégulières
**Signature Elements:** Textures granuleuses superposées, numéros de section en très grand format, lignes diagonales de séparation
**Interaction Philosophy:** Transitions rapides et directes, hover avec déplacement de blocs
**Animation:** Entrée des sections par glissement horizontal 200ms, texte révélé par clip-path
**Typography System:** Bebas Neue (titres massifs) + Source Serif Pro (corps de texte)
</text>
<probability>0.07</probability>
</response>

<response>
<text>
## Approche 2 — Élégance Terrienne
**Design Movement:** Artisanat haut de gamme, inspiration maisons de maître françaises
**Core Principles:** Sobriété raffinée, matières nobles, hiérarchie visuelle claire, confiance professionnelle
**Color Philosophy:** Terre de Sienne (#8B6F47), ardoise profonde (#2C3A47), crème chaud (#FAF7F2), or discret (#C9A96E) — la palette des matériaux nobles
**Layout Paradigm:** Navigation latérale fixe, contenu en pleine largeur avec zones de respiration généreuses, sections alternant texte gauche / image droite
**Signature Elements:** Filets fins dorés comme séparateurs, initiales du logo en monogramme, photos en noir et blanc avec accent couleur
**Interaction Philosophy:** Transitions fluides et lentes (300ms), survol avec révélation progressive
**Animation:** Fade-in par stagger sur les éléments de liste, parallaxe subtil sur les images hero
**Typography System:** Playfair Display (titres élégants) + Lato (corps lisible)
</text>
<probability>0.08</probability>
</response>

<response>
<text>
## Approche 3 — Modernité Industrielle
**Design Movement:** Design industriel contemporain, minimalisme fonctionnel
**Core Principles:** Clarté structurelle, force visuelle, efficacité communicationnelle, confiance immédiate
**Color Philosophy:** Anthracite (#1A1A2E), jaune sécurité (#F5C518), blanc pur (#FFFFFF), gris béton (#E8E4DF) — modernité et sérieux
**Layout Paradigm:** Grille à 12 colonnes stricte, sections en pleine largeur, hero asymétrique avec texte à gauche et image occupant 60% de l'écran
**Signature Elements:** Bandes diagonales jaune/anthracite, icônes linéaires personnalisées, compteurs animés pour les statistiques
**Interaction Philosophy:** Micro-animations précises, boutons avec effet ripple, scroll-triggered reveals
**Animation:** Compteurs qui s'incrémentent au scroll, barres de progression animées, cards avec lift effect au hover
**Typography System:** Oswald (titres percutants) + Open Sans (corps professionnel)
</text>
<probability>0.06</probability>
</response>

---
**Choix retenu : Approche 2 — Élégance Terrienne**
Palette : Terre de Sienne (#8B6F47), ardoise (#2C3A47), crème (#FAF7F2), or (#C9A96E)
Typographie : Playfair Display + Lato