Kontur auf allen drei Headline-Zeilen
Sticker-Kontur wie die Wortmarke jetzt auch auf Blau und Coral, skaliert mit der Schriftgröße (.1em). Blau/Coral dadurch wieder in den helleren Markenwerten. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
6bd5c12d3e
commit
f1ca321d7c
6 files changed
+13
-11
No files matched your search
+8
-6
@@ -295,17 +295,19 @@ a:hover{color:var(--sky-600)}
|
||||
/* Beide Heros stehen seit 2026-09-24 auf getöntem Grund (sky-100 / sun-200). Dort
|
||||
fielen die Buntwerte auf ~3.0-3.1 — knapp an der Schwelle. Deshalb die dunklere
|
||||
Stufe derselben Familie: auf sky-100 4.35 / 4.04 / 3.87, auf sun-200 4.43 / 4.11 / 3.93. */
|
||||
.hero .hl .c-sky{color:var(--sky-600)}
|
||||
.hero .hl .c-sky{color:var(--sky-500)}
|
||||
/* Gelb: dunkles Gelb, das auf hellem Grund lesbar bleibt, ist zwangsläufig Braun
|
||||
(sun-600/700 wurden vom Kunden am 2026-09-24 als "braun statt gelb" zurückgewiesen).
|
||||
Deshalb helles Markengelb mit dunkler Kontur — wie die Buchstaben im Logo. Lesbar
|
||||
macht die Kontur: ink-700 gegen den Grund misst ≥11. paint-order legt sie unter die
|
||||
Füllung, damit die Buchstaben nicht dünner werden. */
|
||||
.hero .hl .c-sun, .yellow-type{
|
||||
color:var(--sun-400);
|
||||
-webkit-text-stroke:6px var(--ink-700); paint-order:stroke fill;
|
||||
}
|
||||
.hero .hl .c-coral{color:var(--coral-600)}
|
||||
.hero .hl .c-sun, .yellow-type{color:var(--sun-400)}
|
||||
/* Kontur auf allen drei Zeilen (Kundenwunsch 2026-09-24) — einheitlicher Sticker-Look
|
||||
wie die Wortmarke. Da die Kontur den Kontrast trägt, stehen Blau und Coral wieder
|
||||
in ihren helleren Markenwerten sky-500 / coral-500 statt der dunklen 600er. */
|
||||
/* 0.1em statt fester 6px: auf dem Handy (34px) liefen die Buchstaben sonst zu. */
|
||||
.hero .hl span{-webkit-text-stroke:.1em var(--ink-700); paint-order:stroke fill}
|
||||
.hero .hl .c-coral{color:var(--coral-500)}
|
||||
.hero .trust b + span{color:var(--ink-700)}
|
||||
|
||||
.hero__sub{font:var(--t-body); color:var(--ink-700); max-width:34ch}
|
||||
|
||||
Reference in new issue
Block a user