diff --git a/docs/assets/alpinux-logo.png b/docs/assets/alpinux-logo.png new file mode 100644 index 0000000..1983d81 Binary files /dev/null and b/docs/assets/alpinux-logo.png differ diff --git a/docs/communication/index.md b/docs/communication/index.md new file mode 100644 index 0000000..d897039 --- /dev/null +++ b/docs/communication/index.md @@ -0,0 +1,91 @@ +# Communication & Identité visuelle + +Cette page réunit les éléments de l'identité visuelle d'Alpinux pour faciliter la création de supports de communication cohérents. + +--- + +## Logo + +
+ Logo Alpinux +
+ +Le logo d'Alpinux 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)](../assets/alpinux-logo.png){ .md-button } + +--- + +## Nom de marque + +Le nom s'écrit : Alpinux + +- 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 + +
+
+ #1a6bbf
Bleu principal +
+
+ #0f4e8f
Bleu foncé +
+
+ #e8f1fb
Bleu clair +
+
+ #e8820c
Orange accent +
+
+ #1a1a2e
Texte sombre +
+
+ +--- + +## 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'Alpinux : + +- 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** diff --git a/docs/stylesheets/alpinux.css b/docs/stylesheets/alpinux.css index 1d810f7..872a4da 100644 --- a/docs/stylesheets/alpinux.css +++ b/docs/stylesheets/alpinux.css @@ -16,8 +16,28 @@ /* Brand text */ .md-header__title { + font-family: 'Segoe UI', system-ui, sans-serif; + letter-spacing: .02em; +} + +/* A[l]p[inux] brand typography */ +.alpinux-brand-header { + font-weight: 400; + font-size: 1.1rem; +} + +.alpinux-brand-header strong { + font-weight: 700; +} + +/* Brand in page content */ +.alpinux-brand { + font-family: 'Segoe UI', system-ui, sans-serif; + font-weight: 400; +} + +.alpinux-brand strong { font-weight: 700; - letter-spacing: .04em; } /* Tabs bar */ diff --git a/mkdocs.yml b/mkdocs.yml index c9aca87..2e8603c 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -23,6 +23,7 @@ theme: - search.suggest - content.code.copy - content.code.select + logo: assets/alpinux-logo.png font: text: Roboto code: Roboto Mono @@ -89,3 +90,4 @@ nav: - technique/serveur-debian.md - technique/bigbluebutton.md - technique/ateliers.md + - Communication: communication/index.md diff --git a/overrides/main.html b/overrides/main.html new file mode 100644 index 0000000..ca0e9a4 --- /dev/null +++ b/overrides/main.html @@ -0,0 +1,7 @@ +{% extends "base.html" %} + +{% block site_name %} + + Alpinux + +{% endblock %}