---
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 GPT‑5 (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 d’intégrer du texte dans l’image (ajouter le texte dans Figma/Canva ensuite).
- Demander un fond “safe area” pour laisser de la place au titre.