refactor(brand): décale palette bleu→mauve dégradé (b1=#7c3aed, b2=#a855f7, b3=#06b6d4 aqua) pour différencier DictIA
Décale la palette canonique DictIA du bleu/cyan/vert vers mauve/violet/aqua
afin de distinguer visuellement le produit DictIA des autres outils InnovA AI
(qui restent sur palette bleue) tout en gardant la même structure de gradient,
mêmes tokens Tailwind, et même intensité visuelle.
Mapping appliqué:
- Hex semantic: #0062ff → #7c3aed (mauve), #00bdd8 → #a855f7 (lighter mauve)
- Hex aqua décoratif: #00c896 → #06b6d4 (cyan-500, aqua préservé)
- Hex secondaire: #6B9FFF / rgba(107,159,255,*) → #a78bfa (violet-400)
- Hex blue-700 #1d4ed8 (cadre reg label) → #7c3aed (mauve)
- Box shadows / rgba opacités: rgba(0,98,255,*) → rgba(124,58,237,*)
- Décoratif (orbes cosmiques, glows): mauve+aqua mix pour préserver l'effet
"cosmic dégradé" — orbe primaire en mauve, orbes secondaires en aqua
- Hub network DictIA: Documents=mauve, Communication=aqua, Automatisation
reste #8b5cf6 (déjà violet, marqueur visuel distinct via positionnement)
- Couleurs sémantiques fonctionnelles (red/green pour erreurs/succès, amber
pour alertes) inchangées
Fichiers modifiés:
- static/css/tailwind.config.js (brand.b1/b2/b3 + brand-grad + boxShadow.cta
+ boxShadow.cta-hover + keyframes.tc-pulse-glow)
- static/css/marketing.css (rebuild Tailwind: 169356 → 163036 bytes)
- templates/legal/{_layout,index}.html
- templates/marketing/{landing,fonctionnalites,conformite,tarifs}.html
- tests/test_marketing_landing_template.py (test_hero_has_cosmic_orbs_background
mis à jour avec assertions mauve/aqua au lieu de blue/cyan/green)
Hors scope (non touchés):
- Couleurs Tailwind utility (red/green/amber/emerald) sémantiques
- --brand-navy* (backgrounds dark restent neutres)
- Templates legacy (account.html, admin.html, components/, modals/)
- #8b5cf6 (Automatisation hub), #f59e0b (alertes), #ef4444 (erreurs)
Tests: 111 passed, 5 failed (toutes 5 pré-existantes, non liées aux couleurs:
/blog link manquant, MAPP eyebrow, SOC 2 phrasing, Gitea URL).
HTTP 200 vérifié sur /, /fonctionnalites, /tarifs, /conformite, /legal/,
/legal/conditions.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -27,7 +27,7 @@
|
||||
height: 4px;
|
||||
margin-top: 0.5rem;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(118deg, #0062ff, #00bdd8 52%, #00c896);
|
||||
background: linear-gradient(118deg, #7c3aed, #a855f7 52%, #06b6d4);
|
||||
}
|
||||
.legal-content h3 {
|
||||
font-size: 1.25rem; /* 20px */
|
||||
@@ -60,16 +60,16 @@
|
||||
.legal-content ol { list-style-type: decimal; list-style-position: outside; }
|
||||
.legal-content li { margin-bottom: 0.35rem; }
|
||||
.legal-content a {
|
||||
background: linear-gradient(118deg, #0062ff, #00bdd8 52%, #00c896);
|
||||
background: linear-gradient(118deg, #7c3aed, #a855f7 52%, #06b6d4);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
font-weight: 600;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: #0062ff;
|
||||
text-decoration-color: #7c3aed;
|
||||
}
|
||||
.legal-content a:focus-visible {
|
||||
outline: 2px solid #0062ff;
|
||||
outline: 2px solid #7c3aed;
|
||||
outline-offset: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@@ -95,7 +95,7 @@
|
||||
background-color: #fafbfd;
|
||||
}
|
||||
.legal-content blockquote {
|
||||
border-left: 4px solid #0062ff;
|
||||
border-left: 4px solid #7c3aed;
|
||||
background-color: rgba(247, 249, 252, 0.6);
|
||||
padding: 0.75rem 1rem;
|
||||
margin: 1.25rem 0;
|
||||
@@ -156,12 +156,12 @@
|
||||
transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
|
||||
}
|
||||
.legal-toc a:hover {
|
||||
background-color: rgba(0, 98, 255, 0.05);
|
||||
background-color: rgba(124, 58, 237, 0.05);
|
||||
}
|
||||
.legal-toc a.is-active {
|
||||
border-left-color: #0062ff;
|
||||
color: #0062ff !important;
|
||||
background-color: rgba(0, 98, 255, 0.06);
|
||||
border-left-color: #7c3aed;
|
||||
color: #7c3aed !important;
|
||||
background-color: rgba(124, 58, 237, 0.06);
|
||||
}
|
||||
.legal-breadcrumb {
|
||||
position: sticky;
|
||||
|
||||
@@ -13,16 +13,16 @@
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.legal-card:focus-visible {
|
||||
outline: 2px solid #0062ff;
|
||||
outline: 2px solid #7c3aed;
|
||||
outline-offset: 3px;
|
||||
}
|
||||
/* Icône circulaire avec dégradé de marque, contraste suffisant. */
|
||||
.legal-card-icon {
|
||||
background: linear-gradient(135deg, rgba(0,98,255,0.10), rgba(0,200,150,0.10));
|
||||
color: #0062ff;
|
||||
background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(6,182,212,0.10));
|
||||
color: #7c3aed;
|
||||
}
|
||||
.legal-card.is-external .legal-card-icon {
|
||||
background: linear-gradient(135deg, rgba(0,189,216,0.12), rgba(0,200,150,0.12));
|
||||
background: linear-gradient(135deg, rgba(168,85,247,0.12), rgba(6,182,212,0.12));
|
||||
}
|
||||
/* Print : pas de bouton CTA, pas d'animations. */
|
||||
@media print {
|
||||
|
||||
Reference in New Issue
Block a user