TechDetailHero and TechTextSplitSection were locked to fixed heights, so
content spilled into the next section once text rewrapped. The hero's
mobile block also positioned its children absolutely inside an h-full
container, which cannot grow with its content at all.
Move that block to normal flow with the same 21/60/122px offsets, and
convert every fixed height to a minimum across both primitives and all
call sites. Section margins are untouched, so the gaps are unchanged.
* fix: increase small text to 12px
* fix: use initiative CTA label
* refactor: use Tailwind text-xs utility
* fix: make homepage banner dismissible
* fix: update Discord links and banner text
* fix: refresh Discord invite links
- Replace fixed 148px menu card label width with mr-[54px] + max-w so the
label always reserves the thumbnail area at any card width
- Use 2-column card grid on md (768-1023px) and restore 3 columns at lg,
keeping the desktop card layout intact
Add a desktopAt1025 flag to TechDetailHero (desktop at lg instead of md)
and drop the phone max-widths at md so hero copy spans the full tablet
width. Enabled on blockchain, networking, and storage heroes.
* fix(web): update PathCardView to use full width for card links
* fix(ui): prevent nav overlay top-bar overlap between 768-1024px
CLOSE MENU and the desktop nav row collided at narrow widths because
their anchors (41.67% / 50%) packed too tightly below ~1280px. Use a
continuous min() so positions stay original at >=1024px and slide left
in lockstep (preserving gaps) below 1024px, with no breakpoint jump.
Also widen the CLOSE MENU - nav gap to match the inter-item spacing.
* fix(ui): align mobile close-menu with the menu trigger position
Place the open-state CLOSE MENU button at left-[calc(50%+6px)] (left
edge just right of center) to match the closed-state MENU trigger, so
the button does not shift when toggling the overlay on mobile.
Back links on technology-stack subpages and the Basecamp hero used z-51,
which exceeded the nav overlay's z-50 and caused them to bleed through
when the overlay was open. Lowered to z-30, above internal section
elements (max z-20) but below the overlay.
- Add ItemText helper to split em-dash-embedded titles so text after
the dash renders at normal weight instead of semibold
- Remove status.secondaryCta from the mobile-only status block
- Updated padding and margin values in multiple sections including About, Builder Portal, Circles CTA, and more to use consistent spacing units.
- Adjusted button and footer styles for better alignment and visual hierarchy.
- Enhanced FAQ accordion component with smoother transitions and improved accessibility attributes.
- Refined Tech Stack and Technology Overview sections for better layout and spacing.
- Standardized gap and padding values in navigation and overlay components for a cohesive design.
- Introduced a new JSON snapshot for active circles, including details about events and statistics.
- Added a script to sync the active circles snapshot from the live Logos API.
- Updated package.json to include a new build step for syncing active circles.
- Modified footer component to include an interactive newsletter signup form.
- Adjusted various links in content to point to updated resources and initiatives.
- Enhanced link validation to support same-page anchors.
- Updated hero-section, mountain-section, and parallel-society-section to use min-[1025px] for responsive design.
- Adjusted press-section and social-proof-section for better mobile and desktop handling.
- Enhanced start-building-section and tech-stack-section with new responsive classes.
- Modified use-cases-section to improve scrolling behavior based on breakpoints.
- Refined tech-overview-use-cases and footer components for consistent styling.
- Updated positioning and sizing in PressHero and ArticlesHeading components for better alignment.
- Removed WorkWithUsPage component as it is no longer needed.
- Adjusted styles in GallerySection, AboutWhoWeAre, BuildersHubHero, and other sections to utilize responsive units and improve layout on different screen sizes.
- Enhanced the Footer and Pagination components for better visual consistency and usability.
- Modified TableRow component to ensure proper text truncation and responsiveness.
- Updated `StorageAccess` component to utilize `OverviewMediaPanel` for better structure and readability.
- Refined `TechOverviewHero` layout and adjusted responsive styles for improved visual consistency.
- Modified `TechOverviewLogosApp` to adjust image size handling for better responsiveness.
- Enhanced `TechOverviewModular` layout with improved grid structure and responsive adjustments.
- Updated `TechOverviewOpenSource` to streamline layout and improve accessibility.
- Refactored `TechOverviewStack` to use `OverviewMediaPanel` for consistent design across sections.
- Improved `TechOverviewUseCases` layout for better responsiveness and visual hierarchy.
- Adjusted `GiantSwitch` component styles for better alignment and responsiveness.
- Created `OverviewMediaPanel` component to standardize media presentation across sections.
- Updated technology stack JSON to reflect title changes for clarity.
* 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
* feat(ui): add dev watch mode for packages/ui
Adds a tsup --watch script to packages/ui so it rebuilds automatically
when sources change during pnpm dev:web. The turbo.json override ensures
the watch process only starts after the initial clean build completes.
* 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.
* 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: update Discord URLs to point to the new logosnetwork link
* fix: update navigation links to point to external resources and improve backdrop click handling
* feat: implement Node Programme signup form and update related page content
* fix: adjust TextLinkSection class for improved layout
* feat: enhance broadcast network section with latest episode details and updated layout
* fix: update Discord URLs to point to the new logosnetwork link
* fix: update navigation links to point to external resources and improve backdrop click handling
* feat: implement Node Programme signup form and update related page content
* fix(nav-overlay): adjust mobile layout for better visibility and spacing
* fix: use canonical press reading times
* fix: reduce homepage motion intensity
* chore: build workspace packages before dev
- Replaced custom SectionMarker and DownloadIcon implementations with those from @acid-info/logos-ui.
- Updated MessagingCaseStudies to use TechCaseStudyCard for rendering case study cards.
- Refactored MessagingHero to utilize TechDetailHero for improved layout and functionality.
- Simplified MessagingIntro by integrating TechTextSplitSection for privacy and LMN sections.
- Consolidated builder CTA components in Networking and Storage sections to use TechBuilderCtaDeck for better consistency and maintainability.
- Enhanced technology stack messaging content with updated descriptions and structured data.
Jules