---
name: style-energie
description: High-energy vibrant design - saturated colours, gradients, motion everywhere, dynamic shapes. Use when the user asks for "sports", "fitness", "gaming", "event", "youth", "vibrant", "energetic" style.
---

# Style Énergie

Le site doit courir plus vite que le lecteur. Bouger, pulser, exploser.

## Palette

- Couleurs primaires saturées : jaune fluo `#fef08a`, orange feu `#fb923c`, rose électrique `#f472b6`, cyan `#22d3ee`.
- BG: sombre pour faire ressortir (`#0a0a0a`) ou blanc éclatant.
- Gradients omniprésents: `linear-gradient(135deg, cyan, magenta)` sur bordures et fills.

## Typographie

- Display: extra bold, dynamique, incliné parfois (Neue Machina, PP Neue Montreal, Söhne Breit Kraftig).
- Body: sans neutre 16 px, semi-bold pour un peu de punch.
- Titres avec `text-transform: uppercase`, italic sur les mots clés.

## Layout

- Diagonales : sections avec `transform: skewY(-3deg)` puis contenu redressé.
- Formes géométriques flottantes (cercles, triangles) qui bougent en fond.
- Grid avec cards qui se chevauchent.
- Ratios photo dynamiques : portraits recadrés serrés, angle marqué.

## Motion

- Marquee horizontal permanent (text scrolling).
- Hover: scale 1.05 + rotate 2deg + gradient shift.
- Elements qui entrent en scaling 0 → 1 avec bounce.
- Gradient animé sur les fonds (loop 8-12s).

## Rules

- Aucune section statique. Toujours quelque chose qui bouge dans le champ de vision.
- CTAs oversize, arrondis (999px), effet "press" au clic.
- Palette min 3 couleurs vives par écran.