mirror of
https://github.com/logos-co/logos-web.git
synced 2026-08-31 14:11:12 +00:00
Jules
67c7d7e9c2
* feat(ui): add LogosWordmark icon SVG wordmark for the "Logos" brand name, using fill-current so color is driven by surrounding text color -- matching the pattern of LogosMark. * fix(web): align navbar brand lockup with Figma - Shrink lambda mark from 14px to 11px (Figma: 8x11px vector) - Tighten brand lockup gap from 6px to 4px - Replace text label with LogosWordmark SVG; keep sr-only span for a11y - Fix mobile brand link typography (was font-serif 18px, now text-eyebrow) - Nudge wordmark down 1px to optically align with the lambda mark * fix(ui): align overlay navbar brand lockup and typography with Figma - Replace text logoLabel fallback with LogosMark + LogosWordmark SVGs - Move logo top from md:top-1.5 to top-3.5 to align with panel tabs - Remove tracking-[0.08em] and add font-semibold on panel tab buttons - Increase CTA vertical padding from py-2 to py-2.5 * fix(web): align closed navbar brand lockup, typography, and layout with Figma - Remove BrandLockup wrapper; inline LogosMark + LogosWordmark directly - Remove tracking-[0.08em] and add font-semibold on nav link buttons - Increase desktop CTA vertical padding from min-h-7 to py-2.5 - Restructure desktop bar to absolute positioning (relative container) so logo, nav, and CTA positions mirror the overlay header exactly - Mobile bar: add relative positioning; logo now uses absolute top-3.5 left-3 * fix(ui): vertically center overlay header elements - Logo and close button: top-3.5/top-[14px] → top-1/2 -translate-y-1/2 (elements live inside the 42px OverlayHeader, so 50% resolves correctly) - Nav tabs and CTA: top-3.5/top-1.5 → top-[22.5px]/top-[22px] -translate-y-1/2 (elements live in the outer 700px container, so a fixed value matching the header mid-point is used instead of 50%) - Nav tabs: items-start → items-center to match the centered position * fix(web): vertically center navbar and fix mobile menu gap - Mobile bar: replace 3-col grid with flat relative container; remove dead-code nav/CTA shell that was never visible at mobile widths - Mobile logo: top-3.5 → top-1/2 -translate-y-1/2 (true vertical center) - Mobile hamburger: repositioned from grid col-2 (50% center) to left-[62.5%] -translate-x-1/2 (matches overlay close button and Figma spec), adding gap between logo and menu; add font-semibold - Desktop logo, nav tabs, CTA: top-3.5/top-1.5 → top-1/2 -translate-y-1/2 * fix(ui): update arrow icon and add hover effects to button variants - Replace ButtonArrowIcon SVG with filled 10x10 arrow, increase gap to 1.5 - Primary: hover:bg-accent-steel-teal (#5F797C) - Secondary: hover:bg-gray-02 (#B8BDB8) with border cleared on hover * fix(web): update download icon style * fix(web): fit status CTA button to content width * fix(ui): make button arrow inherit variant colour Use currentColor for the arrow icon so the primary button renders a white arrow while other variants keep their text-aligned icon colour.