Skip to content

Improve: redesign the site on the iOS 27 kit - #65

Merged
SandObserver merged 1 commit into
mainfrom
feat/ios27-redesign
Sep 25, 2026
Merged

SandObserver merged 1 commit into
mainfrom
feat/ios27-redesign

Conversation

@SandObserver

Copy link
Copy Markdown
Owner

Summary

  • Restyle the Starlight chrome on the app's iOS 27 Settings kit: glass header, floating sidebar panel, grey selected rows, large titles, and tables, lists, code and callouts on borderless cards. Switch to the system font and drop Inter.
  • Replace the sidebar with Sidebar.astro and SidebarSublist.astro. They render icons from the app's icon-set.js sprite, with docs fallbacks for start, run and create.
  • Rebuild the comparison table as a Settings-style grouped list that turns into one card per feature below 520px.
  • Keep row separators full width: tables inside .sy-tscroll use display: table.
  • Mirror the app's light-mode card rules in widget previews, and take the comparison panel's card and appearance from each manifest.
  • Replace the traced logo in the favicons, mark and wordmark SVGs with the rebuilt geometry, under content-hashed names.
  • Recapture the intro dashboard, the Settings screenshots and og.jpg, and refresh the landing showcase and comparison panel with the homelab's services and tile colours, leaving out brands with restrictive logo policies.
  • Crop the landing wordmark to the mark below 375px, label scrolling code blocks, and darken light-mode caution and danger callout titles.
  • Sync the widget copies and remove unused CSS, icons, screenshots, tokens.css and the Inter font.

Testing
All green in Chrome, dark and light, both docs themes, 320 to 1920px: every page swept for errors, overflow and duplicate ids, axe (WCAG 2.2 AA and best practice) clean, and a gorilla run.

Checklist

  • npm run build and npm run check both pass.
  • Product UI is shown by running or capturing it, never recreated in CSS.
  • Any new preview or screenshot carries no private hostnames or real data.
  • Visual changes verified in both colour schemes and both docs themes.
  • Links to the app repo still resolve.

@SandObserver SandObserver added the enhancement New feature or request label Sep 25, 2026
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying stackyard-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 950ead4
Status: ✅  Deploy successful!
Preview URL: https://03332ea1.stackyard-docs.pages.dev
Branch Preview URL: https://feat-ios27-redesign.stackyard-docs.pages.dev

View logs

@SandObserver
SandObserver merged commit f6580f1 into main Sep 25, 2026
2 checks passed
@SandObserver
SandObserver deleted the feat/ios27-redesign branch September 25, 2026 03:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant