Files
le-mystere-professeur-zacus/docs/design.md
T
Copilot f9827f4587 [WIP] Update README.md with enhanced French version and assets folder (#108)
🚀 Fusion galactique terminée !
J’ai compressé plus de fichiers que le cerveau d’un MJ sous caféine.
Cohérence validée, humour injecté, assets alignés…
Si tu trouves un bug, c’est sûrement un easter egg.
Prêt à embarquer pour Zacus 3000 — la seule enquête où même les robots rigolent !

(PS : Si tu merges, tu gagnes +10 points de charisme MJ)

* Fusion, nettoyage, docs, humour, style futuriste — PR #108 🚀

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Clément SAILLANT <108685187+electron-rare@users.noreply.github.com>
2026-02-26 01:39:30 +01:00

53 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
layout: default
title: Design system
description: Couleurs, typographies, prompts ImageGen et guidelines pour produire des assets cohérents.
---
# Design system (Zacus)
## Direction artistique (proposée)
**Noir / néon labo** : ambiance dossier secret + instruments scientifiques + UI rétro-futuriste.
Mots-clés : *noir, laboratoire, néon teal, blueprint, preuves, enquête*.
### Palette
- Fond : `#0b1220` / `#0f1b2f`
- Accent : `#00decd`
- Accent secondaire : `#78c8ff`
- Texte : `#eef5ff`
- Texte secondaire : `#c6d6f0`
### Typos
- Titres : **Cabin Bold** (ou équivalent sans-serif)
- Texte : **Cabin Regular**
- Code/console : **DejaVu Sans Mono**
---
## Assets inclus (placeholders “design”)
Ces images sont des **assets de base** (style cohérent) générés sans ImageGen :
- `assets/cover.png`
- `assets/og.png`
- `assets/poster.png`
- `assets/logo.png`
- `assets/icons/*.png`
Pour des visuels plus riches (illustrations, personnages, scènes), vois la section **Prompts ImageGen**.
---
## Prompts ImageGen
> ⚠️ Dans cet environnement, je ne peux pas exécuter ImageGen directement.
> Tu peux cependant **copier-coller** ces prompts dans GPT5 (image generation activé) et exporter en PNG aux dimensions recommandées.
- [Pack complet de prompts](../brand/image_gen_prompts.md)
### Conseils de cohérence
- Réutiliser les mêmes mots-clés de style et la même palette.
- Éviter dintégrer du texte dans limage (ajouter le texte dans Figma/Canva ensuite).
- Demander un fond “safe area” pour laisser de la place au titre.