# Design Steampunk Pro - Geekbrain.io

# Design Steampunk Professionnel Moderne

Palette de couleurs et wireframes pour Geekbrain.io

## Palette de couleurs recommandée (Laiton doré)

Laiton Doré
#D4AF37
Gris Acier
#4a4a4a
Blanc Cassé
#F5F5DC
Noir Charbon
#1a1a1a
Cuivre
#B87333

Cette palette donne: Élégant, professionnel, avec une touche steampunk discrète via le laiton doré. Le fond sombre (#1a1a1a) contraste bien avec le texte clair.

## Wireframe - Page d'Accueil

# Bienvenue chez Geekbrain.io

Développeur Python / Agentique - Freelance

[Section: Services/Prestations]
[Section: Compétences Python/Agentique]
[Section: Call-to-Action Contact]

## Wireframe - Page Projets

## Mes Projets

#### Nom du repo

Description extraite du README...

Voir sur GitBucket

#### Nom du repo

Description extraite du README...

Voir sur GitBucket

#### Nom du repo

Description extraite du README...

Voir sur GitBucket

## Wireframe - Page Contact

## Contactez-moi

Nom
Email
Sujet
Message
reCAPTCHA (simulé)
[Informations de contact: email, téléphone, etc.]

## Design - Page À propos

## À propos

### Geekbrain.io

Développeur Python / Agentique freelance

[Parcours, compétences, expérience]

### Compétences

Python
Agentique/AI
FastAPI
Docker

## ✅ Design recommandé

Palette: Laiton doré (#D4AF37) + Gris acier (#4a4a4a) + Blanc cassé (#F5F5DC) + Noir charbon (#1a1a1a)

Style: En-tête sombre avec logo, navigation claire, hero section dorée, cartes projets avec bordure laiton, footer sombre.

Responsive: Oui, flexbox/grid adapté mobile.

Logo: À placer dans `public/assets/` - je l'utiliserai dans le header.

Prochaines étapes: Si ce design te convient, on passera à l'architecture détaillée et au plan d'implémentation.

Questions en suspens:

- Nom de domaine final: `geekbrain.io` ou `portfolio.geekbrain.io`?
- Header: logo gauche, nav droite? (wireframe montre cela)
- Footer: quels liens réseaux sociaux as-tu? (LinkedIn, GitHub, etc.)