Page de test design

Comparez les différentes variantes de titres, boutons et composants. Ces styles sont à titre indicatif pour choisir un design avant de l'appliquer au site.

Fond du corps des pages

Le fond de la zone principale (main) des pages du site.

Variante 1 – Actuel (uni + radial violet en haut)

Introduction

Contenu de la section avec une carte type.

Variante 2 – Uni noir

Introduction

Contenu de la section avec une carte type.

Variante 3 – Dégradé vertical subtil

Introduction

Contenu de la section avec une carte type.

Variante 4 – Dégradé diagonal (violet)

Introduction

Contenu de la section avec une carte type.

Variante 5 – Deux radiaux (violet haut + teal bas)

Introduction

Contenu de la section avec une carte type.

Variante 6 – Dégradé violet en haut

Introduction

Contenu de la section avec une carte type.

Variante 7 – Légères bandes latérales (violet/teal)

Introduction

Contenu de la section avec une carte type.

Variante 8 – Grille discrète

Introduction

Contenu de la section avec une carte type.

Variante 9 – Dégradé sombre (bleu-violet)

Introduction

Contenu de la section avec une carte type.

Variante 10 – Radiaux multiples (ambiance gaming)

Introduction

Contenu de la section avec une carte type.

Variante 11 – Grille circuit (lignes violet/teal)

Introduction

Style tech / circuit imprimé.

Variante 12 – Bulles organiques (blobs lumineux)

Introduction

Orbes flottantes douces.

Variante 13 – Hexagones (nid d'abeille gaming)

Introduction

Motif hexagonal futuriste.

Variante 14 – Constellations (étoiles discrètes)

Introduction

Points lumineux type ciel étoilé.

Variante 15 – Grille décalée (effet 3D)

Introduction

Grille en quinconce.

Variante 16 – Damier diagonal (argyle)

Introduction

Motif losanges subtil.

Variante 17 – Cône rotatif (animation douce)

Introduction

Animation discrète en arrière-plan.

Variante 18 – Portails latéraux (glow gauche/droite)

Introduction

Lumières latérales dramatiques.

Variante 19 – Étoiles (SVG pentagones)

Introduction

Motif étoiles répété.

Variante 20 – Ruches (hexagones SVG)

Introduction

Nid d'abeille teal.

Variante 21 – Croisillons (quadrillage focal)

Introduction

Lignes vers le centre.

Variante 22 – Coins lumineux (quatre radiaux)

Introduction

Lumière dans chaque coin.

Variante 23 – Scanlines (retro CRT)

Introduction

Effet écran rétro discret.

Sections complètes

Le bloc entier (Introduction, Informations, etc.) – conteneur + titre + contenu.

Variante 1 – Actuel (carte, bordure violette)

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 2 – Carte surélevée (ombre marquée)

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 3 – Barre latérale épaisse

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 4 – Dégradé de fond + bordure

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 5 – Style minimal (très discret)

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 6 – Double bordure

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 7 – Dégradé violet en haut

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 8 – Style glassmorphism

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 9 – Bordures aux coins (cadre intérieur)

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Variante 10 – Style neon (bordure teal lumineuse)

Introduction

Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé)

Date limite de réponse

23 mars 2026

Menu / Navigation

La barre de navigation principale (Introduction, Inscription, etc.).

Variante 1 – Actuel (fond violet actif + soulignement dégradé)
Variante 2 – Bouton plein (actif en violet dégradé)
Variante 3 – Soulignement uniquement
Variante 4 – Style minimal (texte seul)
Variante 5 – Pills séparés (fond discret)
Variante 6 – Capsules teal (actif plein)
Variante 7 – Barre latérale (style sidebar)
Variante 8 – Style neon (glow actif)
Variante 9 – Encadré (bordure par lien)
Variante 10 – Dégradé plein (actif)
Variante 11 – Style onglets (l’actif en tab sélectionné)
Liste des jeux à installer (choix)

Différentes présentations pour l’étape « Choisir les jeux » sur la page Installation des jeux.

Variante 1 – Actuel (4 colonnes par catégorie)
FPS (3 jeux)
Call of Duty 4 (9,88 Go)
Killing Floor 2
Crysis Wars (6,81 Go)
Course (2 jeux)
TrackMania (506 Mo)
TOCA 3 (6,94 Go)
Divers (2 jeux)
Among Us (1,01 Go)
Worms (785 Mo)
Stratégie (3 jeux)
Age of Mythology
Rise of Nations (2,09 Go)
Warcraft III (28,09 Go)
Variante 2 – Cartes (grille, une carte par jeu)
Variante 3 – Liste à une colonne (bordure gauche par catégorie)
FPS (3 jeux)
9,88 Go
6,81 Go
Course (2 jeux)
506 Mo
6,94 Go
Divers (2 jeux)
1,01 Go
Stratégie (2 jeux)
28,09 Go
Variante 4 – Lignes alternées (zebra, taille à droite)
FPS
9,88 Go
6,81 Go
Course
506 Mo
6,94 Go
Divers
1,01 Go
Stratégie
28,09 Go
Titre LAN (logo header)

Le titre « LAN » affiché à côté du logo dans le header.

Variante 1 – Actuel (dégradé violet/teal animé au survol)

LAN

Variante 2 – Teal uni

LAN

Variante 3 – Violet uni

LAN

Variante 4 – Dégradé violet → teal (statique)

LAN

Variante 5 – Effet neon / glow prononcé

LAN

Variante 6 – Contour / outline

LAN

Variante 7 – Letter-spacing extrême (futuriste)

LAN

Variante 8 – Style métal / chrome

LAN

Variante 9 – Ombre portée 3D

LAN

Variante 10 – Style minimal épuré

LAN

Variante 11 – Dégradé horizontal (L→A→N)

LAN

Variante 12 – Teal avec drop-shadow

LAN

Titres de section
Variante 1 – Actuel (teal + soulignement)

Ce que propose le site

Variante 2 – Badge / capsule

Ce que propose le site

Variante 3 – Barre latérale

Ce que propose le site

Variante 4 – Soulignement accent (texte clair)

Ce que propose le site

Variante 5 – Letter-spacing

Ce que propose le site

Variante 6 – Dégradé violet → teal

Ce que propose le site

Variante 7 – Points décoratifs

Ce que propose le site

Variante 8 – Style onglet

Ce que propose le site

Variante 9 – Icône à gauche

Ce que propose le site

Variante 10 – Bordures aux coins

Ce que propose le site

Variante 11 – Double soulignement

Ce que propose le site

Variante 12 – Style quote

Ce que propose le site

Variante 13 – Uppercase + letter-spacing (futuriste)

Ce que propose le site

Variante 14 – Barre supérieure

Ce que propose le site

Variante 15 – Badge neon

Ce que propose le site

Cartes d'information (section Introduction)

Les cartes Date LAN, Date limite, etc. dans la section Introduction.

Variante 1 – Actuel (barre latérale violette)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 2 – Badge teal (fond + bordure)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 3 – Encadré complet
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 4 – Icône centrée en haut
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 5 – Style minimal (bordure pointillée)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 6 – Dégradé de fond
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 7 – Carte surélevée (ombre)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 8 – Barre supérieure
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 9 – Style citation (guillemet)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Variante 10 – Accent violet (label violet)
Date LAN

Week-end du 14 au 17 mai 2026 (1 jour de congé à prendre)

Date limite de réponse

23 mars 2026

Boutons
Style teal (actuel site)
Style violet dégradé
Style plein (teal plein)
Countdown (aperçu)
Teal uni
69
jours
12
heures
34
min
56
sec
Dégradé violet → teal
69
jours
12
heures
34
min
56
sec
Texte d'accueil

Le message de bienvenue affiché sous le logo dans le header.

Variante 1 – Actuel (texte clair, centré)

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 2 – Dégradé violet → teal

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 3 – Style citation (guillemet + barre latérale)

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 4 – Badge / capsule

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 5 – Lignes décoratives (points décoratifs)

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 6 – Uppercase + letter-spacing (futuriste)

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 7 – Barre supérieure

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 8 – Effet glow / ombre

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Variante 9 – Deux lignes (accent + secondaire)

Bienvenue sur la page officielle de la LAN RAPAS
Préparez-vous pour une expérience gaming inoubliable !

Variante 10 – Style citation italique

Bienvenue sur la page officielle de la LAN RAPAS – Préparez-vous pour une expérience gaming inoubliable !

Exemples d'écriture font gaming

Polices à l’esprit gaming / futuriste / rétro pour titres, logos ou boutons. Idéal pour « LAN », « PLAY », headers, etc.

Orbitron (actuel site – titres)

LAN RAPAS

GAME ON · PLAY

Audiowide (sci‑fi / tech)

LAN RAPAS

INSTALLATION DES JEUX

Russo One (bold, impact)

LAN RAPAS

INSCRIPTION · INFOS

Rajdhani (épuré, moderne)

LAN RAPAS

BIENVENUE

Press Start 2P (rétro 8-bit / pixel)

LAN RAPAS

GAME OVER · START

Share Tech Mono (terminal / tech)

LAN RAPAS

> READY

Righteous (arrondi, arcade)

LAN RAPAS

PLAY · SCORE

Bungee (compact, affiche)

LAN RAPAS

JOIN THE LAN

Teko (condensé, titres)

LAN RAPAS

INSCRIPTION · REPAS

Monoton (display, cinéma)

LAN RAPAS

GAMING

Pour utiliser une police sur le site : l’ajouter dans variables.css (ou dans le <head>) puis référencer par font-family: 'Nom de la police', sans-serif;

Badges de catégorie (jeux)
FPS Course Divers Stratégie