From f60aaac0a8393556d2f2763526fc4ad92a752e17 Mon Sep 17 00:00:00 2001 From: Michel de Graaf Date: Fri, 24 Jul 2026 23:58:49 +0200 Subject: [PATCH] feat(website): sync the latest design changes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Headline now leads with agents alongside people, and the second callout swaps sharing advice for what the shell subcommands make possible — cron, a script, or an agent driving the client with no daemon to stand up. Mobile gets the design's newer treatment: the eyebrow and the sub-heading step aside so the headline and the install button are all that precede the terminal, nav links and the button row centre, the footer keeps two columns with the brand spanning both, and under 520px the platform strip drops its labels to a centred row of icons. That last one makes the icon the only thing naming the platform, so it carries an aria-label now rather than being hidden from assistive tech. --- website/src/components/layout/footer.tsx | 21 +++++---- website/src/components/layout/nav.tsx | 2 +- website/src/components/ui/os-icon.tsx | 22 ++++++++-- website/src/pages/home.tsx | 54 +++++++++++++++--------- 4 files changed, 66 insertions(+), 33 deletions(-) diff --git a/website/src/components/layout/footer.tsx b/website/src/components/layout/footer.tsx index c381315..a1ec59f 100644 --- a/website/src/components/layout/footer.tsx +++ b/website/src/components/layout/footer.tsx @@ -45,7 +45,7 @@ const COLUMNS: readonly FooterColumn[] = [ }, ] -const LINK_CLASS = 'text-[13px] text-secondary hover:text-primary' +const LINK_CLASS = 'text-[12.5px] text-secondary hover:text-primary sm:text-[13px]' const FooterAnchor = ({ label, href }: FooterLink) => href.startsWith('/') ? ( @@ -59,12 +59,15 @@ const FooterAnchor = ({ label, href }: FooterLink) => ) export const Footer = () => ( -