Skip to content

Redesign navbar and landing page with editorial light theme / 以编辑风浅色主题重新设计导航栏与首页 - #882

Draft
functionstackx wants to merge 1 commit into
masterfrom
redesign/landing-navbar
Draft

Redesign navbar and landing page with editorial light theme / 以编辑风浅色主题重新设计导航栏与首页#882
functionstackx wants to merge 1 commit into
masterfrom
redesign/landing-navbar

Conversation

@functionstackx

@functionstackx functionstackx commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Note

WIP — visual redesign of the site shell. Copy, tokens, and section layout still open for iteration.

What changed

Reworks the navbar, landing page, and footer around a clean editorial design system: white ground, near-black ink typography, deep-teal brand accents, mint pill CTAs, and solid light-bordered cards. Instrument Sans becomes the UI typeface (DM Sans stays loaded for chart exports). Light is now the default theme, with an equivalent dark-teal translation of the palette.

  • Design tokens (globals.css) — new light/dark palettes; added mint/ink surface tokens; .footer-ink scope rescopes tokens inside the footer so all children render light-on-dark with no per-component edits. Minecraft theme, overlay-run palettes, shiki, and scrollbar CSS untouched.
  • Navbar — taller white header with quiet text links and a brand underline on the active section (active link keeps the text-brand class).
  • Landing page — rebuilt as full-width sections: statement hero with a row of model insight cards, mint supporters band around the quote carousel, split "Explore the data" section with per-model pill links, and a ruled "Methodology" section with a 1,000+/week stat callout.
  • Footer — dark teal band with the InferenceX wordmark; all links, testids, and i18n preserved.
  • Card — translucent blur style replaced with solid bg-card + light border (app-wide).
  • Layout — Instrument Sans via next/font, defaultTheme="light", removed the circuit background render and its preload.

All Cypress testids, analytics events, navigateInApp behavior, and en/zh strings are preserved. /zh renders through the same components.

Verification

  • bun run typecheck, bun run lint, bun run fmt — clean
  • bun run test:unit — same 11 failures as main in this environment (data/server tests unrelated to these files); no new failures
  • Manual QA at desktop 1440 and mobile 375 in light and dark: /, /zh, /compare hero, /about, mobile menu, launch banner, star nudge

中文说明

围绕白底编辑风设计系统重构导航栏、首页与页脚:白色底面、近黑色正文排版、深青色品牌点缀、薄荷绿胶囊按钮、浅色描边实底卡片,界面字体改为 Instrument Sans(DM Sans 仍保留用于图表导出)。浅色主题成为默认,深色主题为等效的深青色版本。

  • 设计令牌:新的浅色/深色调色板;新增 mint/ink 表面令牌;页脚通过 .footer-ink 作用域重设令牌,子组件无需逐一修改。Minecraft 主题、图表叠加配色、shiki 与滚动条样式保持不变。
  • 导航栏:更高的白色顶栏,文字链接更安静,当前分区以品牌色下划线标示。
  • 首页:重构为通栏分区——大标题主视觉与模型洞察卡片、薄荷绿支持者横幅、左右分栏的数据探索区、带统计数字的测试方法分区。
  • 页脚:深青色色带,所有链接、testid 与国际化文案保持不变。
  • 卡片:半透明模糊样式改为实底加浅色描边(全站生效)。

所有 Cypress testid、埋点事件、navigateInApp 行为与中英文文案均保持不变;/zh 页面复用同一组件。

…ight theme

Rework the site shell around a white editorial design system: near-black
ink typography, deep-teal brand accents, mint pill CTAs, solid
light-bordered cards, and Instrument Sans as the UI face. The landing
page is rebuilt as full-width sections - statement hero with model
insight cards, mint supporters band, split explore section, and a ruled
methodology section with a stat callout - and the footer becomes a dark
teal band with rescoped tokens. Light is now the default theme, with an
equivalent dark translation. All testids, analytics events, and zh
strings are preserved.

中文:围绕白底编辑风设计系统重构站点外壳:近黑色正文排版、深青色品牌点缀、薄荷绿胶囊按钮、浅色描边实底卡片,并以 Instrument Sans 作为界面字体。首页重构为通栏分区——大标题主视觉与模型洞察卡片、薄荷绿支持者横幅、左右分栏的数据探索区、带统计数字的测试方法分区;页脚改为深青色色带。浅色主题成为默认,并提供等效的深色版本。所有 testid、埋点事件与中文文案均保持不变。
@vercel

vercel Bot commented Aug 26, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
inferencemax-app Ready Ready Preview Aug 26, 2026 11:07pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant