From baac3d030df4a9e436b0ceae8459c3e867045cdb Mon Sep 17 00:00:00 2001 From: Tim Thomas <0800tim@gmail.com> Date: Fri, 5 Jun 2026 14:31:05 +1200 Subject: [PATCH] style(brand): TM bigger, white, lifted higher above the baseline Tim 2026-06-05: > The trademark is poorly positioned, too small, and yellow. It > should be white and a little bit higher. Three CSS values on `.vt-appbar-wordmark-tm, .vt-drawer-brand-tm`: * font-size: 0.35em -> 0.5em * color: --vt-gold-400 -> --vt-fg-strong (white) * vertical-align: 0.85em -> 1.1em (sits flush with the cap-line) Reads as a deliberate brand notice now rather than a tucked-away gold footnote. Signed-off-by: Tim Thomas <0800tim@gmail.com> --- apps/web/components/shell/shell.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/apps/web/components/shell/shell.css b/apps/web/components/shell/shell.css index 6abda3f4..4030a75a 100644 --- a/apps/web/components/shell/shell.css +++ b/apps/web/components/shell/shell.css @@ -283,18 +283,17 @@ * rather than as a letter. Gold-tinted to subordinate it. */ .vt-appbar-wordmark-tm, .vt-drawer-brand-tm { - font-size: 0.35em; + /* Tim 2026-06-05: bumped size up, white not gold, lifted higher + * above the baseline so it sits flush with the cap-line. The + * previous 0.35em / gold / 0.85em superscript read as a tucked- + * away footnote; this reads as a deliberate brand notice. */ + font-size: 0.5em; font-weight: 400; - color: var(--vt-gold-400, #dca94b); - margin-left: 0.05em; - /* `` already raises the baseline, but the variable Saira - * face combined with the larger 1.7rem wordmark needs a small - * extra lift so the TM tracks the cap height, not the x-height. */ - vertical-align: 0.85em; + color: var(--vt-fg-strong, #ffffff); + margin-left: 0.08em; + vertical-align: 1.1em; line-height: 0; letter-spacing: 0; - /* The TM ligature in many fonts has an optional small-caps style - * via `tnm` -- leaving the font's default rendering. */ font-feature-settings: normal; }