From aa68a97fd3205b828023f39c4004a432432bf8ce Mon Sep 17 00:00:00 2001 From: riricdev Date: Sun, 6 Sep 2026 13:14:30 +0200 Subject: [PATCH] style(vitrine): palette chaude papier/encre + accent rouille, fini le noir pur MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Le monochrome noir/blanc type « template IA » est remplacé par une identité plus humaine : papier chaud (#faf8f3) / encre (#201b14), un accent rouille unique (cohérent avec les tags ambre existants), serif éditorial pour les titres (sans webfont externe), hero sans grille technique (halo chaud organique) et micro-labels dé-shoutés (héros, contact, team) sans uppercase ni letter-spacing agressif. Les blocs team/tor qui codaient du blanc en dur passent sur les variables (ils cassaient en thème clair). Cache style.css v7→v8 sur les 21 pages. --- public/blog/en/index.html | 2 +- public/blog/index.html | 2 +- public/css/style.css | 86 ++++++++++++----------- public/equipe/en/index.html | 2 +- public/equipe/index.html | 2 +- public/error.html | 2 +- public/fingerprint-test/en/index.html | 2 +- public/fingerprint-test/index.html | 2 +- public/index.html | 2 +- public/privacy-policy/en/index.html | 2 +- public/privacy-policy/index.html | 2 +- public/projets/en/index.html | 2 +- public/projets/index.html | 2 +- public/tos/en/index.html | 2 +- public/tos/index.html | 2 +- public/zenyth/index.html | 2 +- public/zmap/archives/index.html | 2 +- public/zmap/en/archives/index.html | 2 +- public/zmap/en/index.html | 2 +- public/zmap/en/road-speeds/index.html | 2 +- public/zmap/index.html | 2 +- public/zmap/vitesses-par-route/index.html | 2 +- 22 files changed, 66 insertions(+), 62 deletions(-) diff --git a/public/blog/en/index.html b/public/blog/en/index.html index aa70d0f..1f21817 100644 --- a/public/blog/en/index.html +++ b/public/blog/en/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/blog/index.html b/public/blog/index.html index 262f505..31f7143 100644 --- a/public/blog/index.html +++ b/public/blog/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/css/style.css b/public/css/style.css index 081b3a3..58a5bf5 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,28 +1,29 @@ :root { - --bg: #ffffff; - --bg-soft: #f5f5f5; + --bg: #faf8f3; + --bg-soft: #f0ede4; --bg-card: #ffffff; - --border: rgba(0, 0, 0, 0.1); - --text: #000000; - --text-muted: #555555; - --accent: #000000; - --accent-strong: #000000; - --accent-soft: rgba(0, 0, 0, 0.06); - --radius: 16px; + --border: rgba(63, 53, 39, 0.13); + --text: #201b14; + --text-muted: #6f675a; + --accent: #b5461f; + --accent-strong: #963a17; + --accent-soft: rgba(181, 70, 31, 0.08); + --radius: 14px; --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif; + --font-head: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; --font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace; } [data-theme="dark"] { - --bg: #000000; - --bg-soft: #0a0a0a; - --bg-card: #111111; - --border: rgba(255, 255, 255, 0.1); - --text: #ffffff; - --text-muted: #999999; - --accent: #ffffff; - --accent-strong: #ffffff; - --accent-soft: rgba(255, 255, 255, 0.06); + --bg: #14110d; + --bg-soft: #191511; + --bg-card: #1f1b15; + --border: rgba(244, 238, 226, 0.1); + --text: #f3efe6; + --text-muted: #b6ac9a; + --accent: #e07e4a; + --accent-strong: #ec9465; + --accent-soft: rgba(224, 126, 74, 0.1); } * { @@ -225,10 +226,8 @@ a:hover { content: ""; position: absolute; inset: 0; - background-image: linear-gradient(var(--border) 1px, transparent 1px), - linear-gradient(90deg, var(--border) 1px, transparent 1px); - background-size: 44px 44px; - mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, black 30%, transparent 75%); + background: radial-gradient(55% 45% at 50% 18%, var(--accent-soft) 0%, transparent 72%), + radial-gradient(32% 28% at 82% 68%, var(--accent-soft) 0%, transparent 70%); pointer-events: none; } @@ -238,22 +237,22 @@ a:hover { .hero-badge { display: inline-block; - font-size: 0.8rem; + font-size: 0.82rem; font-weight: 600; - letter-spacing: 0.08em; - text-transform: uppercase; + letter-spacing: 0.01em; color: var(--text); background: var(--accent-soft); border: 1px solid var(--border); border-radius: 999px; padding: 0.35rem 1rem; - margin-bottom: 1.75rem; + margin-bottom: 1.25rem; } .hero h1 { + font-family: var(--font-head); font-size: clamp(2rem, 5.5vw, 3.6rem); line-height: 1.15; - font-weight: 800; + font-weight: 700; margin-bottom: 1.5rem; letter-spacing: -0.01em; } @@ -325,6 +324,7 @@ a:hover { .projects h2, .contact h2, .faq h2 { + font-family: var(--font-head); font-size: clamp(1.4rem, 3vw, 1.9rem); margin-bottom: 1rem; } @@ -398,7 +398,8 @@ a:hover { } .faq-item h3 { - font-size: 1.05rem; + font-family: var(--font-head); + font-size: 1.1rem; margin-bottom: 0.4rem; } @@ -408,7 +409,8 @@ a:hover { } .card h3 { - font-size: 1.1rem; + font-family: var(--font-head); + font-size: 1.18rem; margin-bottom: 0.6rem; color: var(--text); } @@ -457,9 +459,8 @@ a:hover { } .contact-label { - font-size: 0.78rem; - letter-spacing: 0.08em; - text-transform: uppercase; + font-size: 0.82rem; + letter-spacing: 0.02em; color: var(--text-muted); } @@ -544,6 +545,7 @@ a.contact-value:hover { } .legal h1 { + font-family: var(--font-head); font-size: clamp(1.5rem, 4vw, 2rem); margin-bottom: 0.4rem; } @@ -555,11 +557,13 @@ a.contact-value:hover { } .legal h2 { + font-family: var(--font-head); font-size: clamp(1.1rem, 2.5vw, 1.3rem); margin: 2rem 0 0.6rem; } .legal h3 { + font-family: var(--font-head); font-size: 1.02rem; margin: 1.25rem 0 0.4rem; } @@ -863,8 +867,8 @@ a.contact-value:hover { } .team-card { - background: var(--card-bg, rgba(255,255,255,0.03)); - border: 1px solid rgba(255,255,255,0.08); + background: var(--bg-card); + border: 1px solid var(--border); border-radius: 16px; padding: 2rem 1.5rem; text-align: center; @@ -872,7 +876,7 @@ a.contact-value:hover { } .team-card:hover { - border-color: rgba(255,255,255,0.15); + border-color: var(--text-muted); } .team-avatar { @@ -880,13 +884,14 @@ a.contact-value:hover { height: 120px; border-radius: 50%; object-fit: contain; - border: 2px solid rgba(255,255,255,0.1); + border: 2px solid var(--border); margin-bottom: 1rem; background: var(--bg, #000); aspect-ratio: 1 / 1; } .team-card h2 { + font-family: var(--font-head); font-size: 1.3rem; margin: 0 0 0.3rem; } @@ -894,9 +899,8 @@ a.contact-value:hover { .team-role { font-size: 0.85rem; font-weight: 600; - opacity: 0.7; - text-transform: uppercase; - letter-spacing: 0.05em; + color: var(--text-muted); + letter-spacing: 0.02em; margin: 0 0 0.75rem; } @@ -919,8 +923,8 @@ a.contact-value:hover { text-align: center; padding: 1.5rem; margin: 2rem 0; - background: rgba(255,255,255,0.03); - border: 1px solid rgba(255,255,255,0.08); + background: var(--bg-card); + border: 1px solid var(--border); border-radius: 12px; } diff --git a/public/equipe/en/index.html b/public/equipe/en/index.html index 60f0510..bc1c9f0 100644 --- a/public/equipe/en/index.html +++ b/public/equipe/en/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/equipe/index.html b/public/equipe/index.html index b428920..b9d84f4 100644 --- a/public/equipe/index.html +++ b/public/equipe/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/error.html b/public/error.html index 119bd23..2dfacc9 100644 --- a/public/error.html +++ b/public/error.html @@ -8,7 +8,7 @@ - + diff --git a/public/fingerprint-test/en/index.html b/public/fingerprint-test/en/index.html index f37f1f3..d41052e 100644 --- a/public/fingerprint-test/en/index.html +++ b/public/fingerprint-test/en/index.html @@ -25,7 +25,7 @@ - + diff --git a/public/fingerprint-test/index.html b/public/fingerprint-test/index.html index bfd0157..1af70d0 100644 --- a/public/fingerprint-test/index.html +++ b/public/fingerprint-test/index.html @@ -25,7 +25,7 @@ - + diff --git a/public/index.html b/public/index.html index e7c258d..26cf104 100644 --- a/public/index.html +++ b/public/index.html @@ -119,7 +119,7 @@ - + diff --git a/public/privacy-policy/en/index.html b/public/privacy-policy/en/index.html index ae85b9a..2580cc4 100644 --- a/public/privacy-policy/en/index.html +++ b/public/privacy-policy/en/index.html @@ -11,7 +11,7 @@ Privacy Policy · Zektyc - +
Disclaimer: only the version written in the French language is legally binding. Any translation, regardless of the language, is provided solely as a courtesy and has no legal value.
diff --git a/public/privacy-policy/index.html b/public/privacy-policy/index.html index 080b7a3..12921b1 100644 --- a/public/privacy-policy/index.html +++ b/public/privacy-policy/index.html @@ -11,7 +11,7 @@ Politique de confidentialité · Zektyc - +
Avertissement : seule la version rédigée en langue française fait foi juridiquement. Toute traduction, quelle qu'en soit la langue, n'est fournie qu'à titre de courtoisie et n'a aucune valeur juridique.
diff --git a/public/projets/en/index.html b/public/projets/en/index.html index 018b1a1..9974a0b 100644 --- a/public/projets/en/index.html +++ b/public/projets/en/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/projets/index.html b/public/projets/index.html index 93b1a17..b7fd7e1 100644 --- a/public/projets/index.html +++ b/public/projets/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/tos/en/index.html b/public/tos/en/index.html index f74a849..ceb6a42 100644 --- a/public/tos/en/index.html +++ b/public/tos/en/index.html @@ -11,7 +11,7 @@ Terms of Service · Zektyc - +
Disclaimer: only the version drafted in the French language is legally binding. Any translation, in whatever other language, is provided as a courtesy only and has no legal value.
diff --git a/public/tos/index.html b/public/tos/index.html index ab1fb6c..4b024cc 100644 --- a/public/tos/index.html +++ b/public/tos/index.html @@ -11,7 +11,7 @@ Conditions Générales d'Utilisation · Zektyc - +
Avertissement : seule la version rédigée en langue française fait foi juridiquement. Toute traduction, quelle qu'en soit la langue, n'est fournie qu'à titre de courtoisie et n'a aucune valeur juridique.
diff --git a/public/zenyth/index.html b/public/zenyth/index.html index afc4646..009668d 100644 --- a/public/zenyth/index.html +++ b/public/zenyth/index.html @@ -7,7 +7,7 @@ Zenyth Browser · Zektyc - + diff --git a/public/zmap/archives/index.html b/public/zmap/archives/index.html index b42fa45..0ea9c8b 100644 --- a/public/zmap/archives/index.html +++ b/public/zmap/archives/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/zmap/en/archives/index.html b/public/zmap/en/archives/index.html index 0631f8d..690fe00 100644 --- a/public/zmap/en/archives/index.html +++ b/public/zmap/en/archives/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/zmap/en/index.html b/public/zmap/en/index.html index 9351800..a4a685e 100644 --- a/public/zmap/en/index.html +++ b/public/zmap/en/index.html @@ -19,7 +19,7 @@ - +
diff --git a/public/zmap/en/road-speeds/index.html b/public/zmap/en/road-speeds/index.html index 86a12af..b424af0 100644 --- a/public/zmap/en/road-speeds/index.html +++ b/public/zmap/en/road-speeds/index.html @@ -17,7 +17,7 @@ - +