# ORDiDOC Design System

**Marque** : ORDiDOC — partenaire informatique local à Ganges (Hérault, 34190).
**Fondateurs** : Alexis Delmonte & Mickaël Vialla, installés depuis 2014.
**Promesse** : *« Simplifier la technologie. »* Un interlocuteur unique pour la réparation, la téléphonie IP, la fibre pro, la cybersécurité et le matériel.

---

## Architecture à deux couches

Le système est **strictement** séparé en deux couches qui ne se mélangent jamais.

### 1. Brand Core — le socle corporate
Site web, devis, documents B2B, collectivités, UI applicative.
- **Palette** : bleu `#1F4E8C`, bleu foncé `#163A69`, vert CTA `#7AC043`, neutres.
- **Type** : Archivo (titres, 500/600/700), Inter (texte courant), JetBrains Mono (code/tech).
- **Ton** : clair, rassurant, professionnel. Pas d'emoji, pas de sensationnalisme.

### 2. Retail Promo — la vitrine physique
Affiches A4, PLV comptoir, stickers prix, vitrophanie.
- **Accents** : orange `#EA580C`, jaune `#FACC15`, or `#D4A017` — *jamais sur le site*.
- **Type** : **Anton** pour les prix Hero (XXL, contour bleu), Archivo pour les specs.
- **Règles** : 4 specs max par affiche, prix lisible à 3 mètres, CMJN 300 dpi.

**Toute valeur hardcodée est un bug.** Passer par les tokens dans `colors_and_type.css`.

---

## Mascotte « Super-Technicien »

Niveau 3 — soutien visuel, **jamais à la place du logo**.
Spectre d'usage :
- `0%` — devis pro / collectivité : absente.
- `30%` — web (médaillon), carte de visite verso, stickers internes.
- `100%` — promo vitrine, réseaux sociaux B2C, supports ludiques.

---

## Structure du projet

```
colors_and_type.css         Tokens (sources de vérité)
fonts/                      Archivo (variable) + Inter + Anton — self-hosted
assets/                     Logos, mascotte, photos magasin, PLV de référence
preview/                    Cartes du Design System (groupées par Colors/Type/Spacing/Components/Brand)
ui_kits/
├── brand-core/             Site web (index, particuliers, pros)
└── retail-promo/           Affiches A4 boutique
```

## Anti-patterns à bannir

- Orange/jaune en fond d'un document corporate.
- Plus de 4 specs sur une affiche.
- Mascotte à la place du logo.
- Mascotte plus grande que le produit.
- Anton dans un devis ou courrier collectivité.
- Emoji en remplacement d'icônes.
- Valeurs couleur/type hardcodées (toujours passer par tokens).

## Contact
04 11 93 49 13 · contact@ordidoc.fr · 98 avenue du Mont Aigoual, 34190 Ganges.