Skip to content

Polish gemma.ai hero, search, navigation, and callout design - #7

Merged
osanseviero merged 1 commit into
mainfrom
polish-home-and-docs-ui
Oct 16, 2026
Merged

osanseviero merged 1 commit into
mainfrom
polish-home-and-docs-ui

Conversation

@ammaarreshi

Copy link
Copy Markdown
Collaborator

Summary

  • Interactive DeepMind Gemma dot-lattice hero (overrides/home.html, docs/stylesheets/home.css): Full-stage 2x Retina <canvas> rendering the DeepMind Gemma 4-pointed star and construction circle blueprint with cursor spring physics, velocity swirl, radial click ripples, and responsive layout (5-motif spread on widescreen desktop; single centered motif on mobile/portrait so the logo never repeats vertically).
  • Scoped hero typography (docs/stylesheets/home.css): Scoped Google Sans Flex strictly to the hero stage and pill buttons while keeping Inter across all documentation prose, headers, and navigation.
  • Borderless hero search & live suggestions (overrides/home.html, docs/stylesheets/home.css): Added an instant search bar under the hero tagline with optical blur-dissolve cycling prompts, default quick-jump topic suggestions, live search.json filtering, and borderless glass surfaces.
  • Latest Gemma 4 AI Studio link (overrides/home.html): Updated the "Try in Google AI Studio" hero CTA from gemma-3-27b-it to gemma-4-31b-it.
  • Header search & Cmd+K modal (docs/stylesheets/nav.css, docs/javascripts/model-switcher.js): Hid the empty .md-header__source spacer so the search bar and theme toggle sit flush right, fixed the dark/light hover state on the search pill, and populated Zensical's Cmd+K search modal with default suggested topics when the query is empty.
  • Navigation & callouts (docs/stylesheets/nav.css, docs/stylesheets/content.css, docs/javascripts/model-switcher.js): Replaced top-tab bottom underlines with a sliding pill indicator, fixed right-edge clipping on active sidebar links, and restyled admonitions/callouts into clean 1px hairline cards without left accent bars or default Material icons.

Testing

  • uv run --frozen python -m unittest discover -s tests -p "*test*.py" -v (28/28 tests pass)
  • uv run --frozen python scripts/lint_docs.py --baseline (0 findings across all 15 checks)
  • uv run --frozen python scripts/build_docs.py (clean build)

@osanseviero
osanseviero merged commit 5b60a2c into main Oct 16, 2026
8 checks passed
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.

2 participants