58c8b2ea7c
Chaque site (wiki, home, dynamic, admin, static, portail, feedback) a désormais son propre dossier autonome avec ses scripts de déploiement. Ajoute README.md racine expliquant la structure et la convention git/Claude. Met à jour .gitignore pour les nouveaux chemins (wiki/docs/assets/). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
91 lines
3.2 KiB
Markdown
91 lines
3.2 KiB
Markdown
# Communication & Identité visuelle
|
||
|
||
Cette page réunit les éléments de l'identité visuelle d'<span class="alpinux-brand">A<strong>l</strong>p<strong>inux</strong></span> pour faciliter la création de supports de communication cohérents.
|
||
|
||
---
|
||
|
||
## Logo
|
||
|
||
<div style="text-align:center; margin: 2rem 0;">
|
||
<img src="https://static.alpinux.org/logo/alpinux-logo.png" alt="Logo Alpinux" style="max-width:200px; border-radius:8px;">
|
||
</div>
|
||
|
||
Le logo d'<span class="alpinux-brand">A<strong>l</strong>p<strong>inux</strong></span> représente Tux, la mascotte de Linux, devant une silhouette de montagne évoquant les **Alpes de Savoie**.
|
||
|
||
[Télécharger le logo (PNG 200×200)](https://static.alpinux.org/logo/alpinux-logo.png){ .md-button }
|
||
|
||
---
|
||
|
||
## Nom de marque
|
||
|
||
Le nom s'écrit : <span class="alpinux-brand" style="font-size:1.4rem;">A<strong>l</strong>p<strong>inux</strong></span>
|
||
|
||
- Police : **Segoe UI** (ou équivalent système)
|
||
- Les lettres **l** et **inux** sont en gras
|
||
- Les lettres **A** et **p** sont en poids normal
|
||
|
||
!!! warning "À éviter"
|
||
- Écrire "ALPINUX" tout en majuscules seul (sans le logo)
|
||
- Modifier les couleurs du logo
|
||
- Déformer les proportions du logo
|
||
|
||
---
|
||
|
||
## Palette de couleurs
|
||
|
||
<div style="display:flex; gap:1rem; flex-wrap:wrap; margin:1.5rem 0;">
|
||
<div style="background:#1a6bbf; color:#fff; padding:1rem 1.5rem; border-radius:8px; min-width:140px; text-align:center;">
|
||
<strong>#1a6bbf</strong><br><small>Bleu principal</small>
|
||
</div>
|
||
<div style="background:#0f4e8f; color:#fff; padding:1rem 1.5rem; border-radius:8px; min-width:140px; text-align:center;">
|
||
<strong>#0f4e8f</strong><br><small>Bleu foncé</small>
|
||
</div>
|
||
<div style="background:#e8f1fb; color:#0f4e8f; padding:1rem 1.5rem; border-radius:8px; min-width:140px; text-align:center;">
|
||
<strong>#e8f1fb</strong><br><small>Bleu clair</small>
|
||
</div>
|
||
<div style="background:#e8820c; color:#fff; padding:1rem 1.5rem; border-radius:8px; min-width:140px; text-align:center;">
|
||
<strong>#e8820c</strong><br><small>Orange accent</small>
|
||
</div>
|
||
<div style="background:#1a1a2e; color:#fff; padding:1rem 1.5rem; border-radius:8px; min-width:140px; text-align:center;">
|
||
<strong>#1a1a2e</strong><br><small>Texte sombre</small>
|
||
</div>
|
||
</div>
|
||
|
||
---
|
||
|
||
## Typographie
|
||
|
||
| Usage | Police | Grammage |
|
||
|---|---|---|
|
||
| Titres & navigation | Segoe UI | 600–700 |
|
||
| Corps de texte | Segoe UI | 400 |
|
||
| Code & commandes | Roboto Mono | 400 |
|
||
|
||
---
|
||
|
||
## Slogan
|
||
|
||
> **Le LUG de Savoie**
|
||
|
||
---
|
||
|
||
## Présence en ligne
|
||
|
||
| Plateforme | Lien |
|
||
|---|---|
|
||
| Site principal | [alpinux.org](https://alpinux.org) |
|
||
| Portail membres | [portail.alpinux.org](https://portail.alpinux.org) |
|
||
| Wiki | [wiki.alpinux.org](https://wiki.alpinux.org) |
|
||
| Gitea (code) | [gitea.alpinux.org](https://gitea.alpinux.org) |
|
||
| Mastodon | [@alpinux@mamot.fr](https://mamot.fr/@alpinux) |
|
||
|
||
---
|
||
|
||
## Modèles de présentation
|
||
|
||
Pour créer une présentation aux couleurs d'<span class="alpinux-brand">A<strong>l</strong>p<strong>inux</strong></span> :
|
||
|
||
- Fond : `#f3f6fb` (bleu très clair) ou blanc `#ffffff`
|
||
- Titre principal : `#0f4e8f` en **Segoe UI Bold**
|
||
- Accent / mots-clés : `#1a6bbf`
|
||
- Code : fond `#1e293b`, texte clair en **Roboto Mono**
|