# Refonte graphique alsace.ai — Direction « Gazette augmentée »

*Proposition ALSAGO — 10 juin 2026*

---

## 1. Constat sur le site actuel

Le site possède déjà une vraie identité éditoriale, rare pour un média tech : l'édition datée, « Le fil » en direct, le télégramme du matin, l'observatoire chiffré. C'est sa force.

La refonte ne casse pas cet ADN : elle l'assume à fond. L'objectif est de passer d'un thème WordPress qui *évoque* un journal à une véritable maquette de presse numérique, avec une grille stricte et une hiérarchie typographique nette.

## 2. Les trois axes de la direction

### Typographie

| Usage | Police | Rôle |
|---|---|---|
| Titres, masthead | **Fraunces** (serif) | Caractère journal, autorité éditoriale |
| Interface, corps | Sans neutre (système ou Inter) | Lisibilité, sobriété |
| Données | **IBM Plex Mono** | Baromètre, horodatages du fil, métadonnées, signatures |

C'est la mono qui crée le contraste « observatoire » face au serif « journal ».

### Palette

| Couleur | Hex | Usage |
|---|---|---|
| Rouge Alsace | `#B11226` | Signal uniquement : filets, kickers, chiffres clés, liens d'action |
| Encre | `#1A1816` | Texte, filets structurants, bloc télégramme (seul aplat sombre) |
| Papier | `#FAF7F2` | Fond général — différencie immédiatement des médias tech blancs ou dark |
| Papier ombré | `#F3EEE6` | Surfaces secondaires : « Le fil », citation édito |
| Grès des Vosges | `#C99B85` | Accent chaud secondaire : bordure citation, bouton newsletter |
| Gris pierre | `#6B6660` | Texte secondaire, métadonnées |

On garde l'ADN rouge/noir, mais raffiné : le rouge redevient un signal, pas un fond.

### Grille

Une vraie une de journal :

- **Hero** en colonne large (kicker rouge mono + titre serif + chapô + méta mono)
- **« Le fil »** en colonne étroite avec timeline verticale et horodatages mono
- **Baromètre** en bandeau de trois chiffres mono rouges sur filets
- **Cartes d'articles** avec kickers de rubrique en rouge
- **Citation édito** sur fond papier ombré, bordure grès
- **Bloc télégramme** en encre inversée avec bouton grès

Filets fins partout (1 px, double filet sous le masthead), zéro ombre portée, zéro dégradé.

## 3. Ce qui change concrètement

1. **Le masthead devient le héros visuel** — `alsace·ai` en Fraunces 42 px, point médian rouge, tagline mono espacée. Le logo cigogne descend en favicon et en pied de page : trop illustratif pour porter une une de presse.
2. **Le filet double** sous le titre signe le code « gazette ».
3. **La mono structure tout le système d'information chiffrée** — fil, baromètre, signatures, horodatages.
4. **Le télégramme passe en encre inversée** avec accent grès : seul aplat sombre de la page, l'œil va droit dessus.
5. **Le fond crème** distingue alsace.ai de tous les médias tech blancs ou dark mode.

## 4. Prochaines étapes possibles

- Décliner la maquette en **gabarit d'article** (la page la plus lue, donc la plus importante)
- Produire une **mini-charte** (couleurs, tailles, espacements) prête à traduire en CSS pour le thème WordPress
- Explorer une **variante « data/observatoire »** pour comparer avant de trancher

---

*Édité par ALSAGO SARL · SIREN 824 225 668 · alsago.fr*