feat(marketing): design system alignment#1
Merged
Conversation
Three social icons in nav: github, simple-icons discord, lucide message-square (relabeled "Discussions", links to # placeholder).
…badges - Navigation padding-block 0.35rem → 0.75rem so the bar matches the 56px docs header height (32px chip + 12+12 padding). - Feature: highlight prop accepts string | string[]; renders as a flex-wrap badge group instead of a single chip. - index "One file, two languages" → "One file, many languages": Python on top of HTML, first-class JS and CSS, JS component islands coming soon. - index "Live by default" gains transport badges: WebSocket, WebTransport, HTTP Long Polling.
…oter redesign - OKLCH wire-ladder accent tokens (wire-90/65/55 at hue 195°) - Neutral ladder tokens (Lab / Void mirror along L axis) - New pywire mark + chip-framed logo lockup (replaces Accessible Astro default) - Updated favicon to pywire mark SVG - Footer redesigned: minimal columns, mono eyebrow headings, lockup left - Footer license corrected: MIT → Apache 2.0 - DefaultLayout wired to new design tokens
Deploying pywire-landing with
|
| Latest commit: |
7150936
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://e345d8aa.pywire-landing.pages.dev |
| Branch Preview URL: | https://nightly.pywire-landing.pages.dev |
New rounded-square SVG favicon with light/dark variants (matching Catppuccin codeblock backgrounds + the brand cyan P). Wired up astro-favicons to auto-generate the full PWA/Apple/Windows raster set at build time, dropping the manual <link> from DefaultLayout in favor of the integration's astro-capo-ordered head injection.
- Mobile menu: split primary/secondary slots into stacked links + a single horizontal icon row at the bottom (matches docs hamburger pattern), solid backdrop, larger tap targets. - Show ResponsiveToggle below nav breakpoint (was display:none always). - Nav grid uses auto 1fr auto on mobile so logo + toggle align cleanly. - Footer: auto-fit cols (no longer stack 3-tall under 500px), tighter padding under 768px. - Hero: lower headline clamp floor (2.25rem → fits iPhone SE), reduce inter-section gap on mobile.
…er mobile - Drop forced <br/> tags in headline so text wraps naturally per viewport (one line on tablets/landscape phones, 2-3 lines on portrait phones). - items-start (left-align) on every viewport instead of switching at md — fixes subtitle/headline misalignment on iPhone portrait. - Tighter hero padding (var(--space-l)) and inner gaps on mobile to keep the code window above the fold. - Lower headline clamp floor to 2.125rem for iPhone SE. - Buttons row + flex-wrap so they sit side-by-side on phones instead of stacking centered.
…xs hero
- 404: replace Accessible Astro starter copy with branded "this route doesn't wire up" page (grid-bg, eyebrow, accent headline, two CTAs).
- SiteMeta: titles render as "{page} | PyWire" (or "PyWire — The Live Conduit for Python" on home), real description, drop "Mark Teekman" / "Accessible Astro" defaults.
- Favicon: drop the prefers-color-scheme light variant — astro-favicons rasterizes the default state, and the brand identity is the dark/glow version. Apply same to docs site so the two tabs read as one product.
- Hero: lower headline floor to 1.875rem so it stops getting clipped on iPhone SE / 320–360px viewports.
…h2 = ~40px on 320px)
…s iPhone SE landscape too
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
padding-blocktuned to match docs header height (56px)Test plan