Skip to content

Redesign homepage with infrastructure-first messaging#399

Draft
ericholscher wants to merge 4 commits into
mainfrom
claude/revamp-homepage-design-xn0zS
Draft

Redesign homepage with infrastructure-first messaging#399
ericholscher wants to merge 4 commits into
mainfrom
claude/revamp-homepage-design-xn0zS

Conversation

@ericholscher
Copy link
Copy Markdown
Member

Summary

Redesigned the Read the Docs homepage to shift messaging from "docs as code" to "documentation infrastructure layer," emphasizing platform capabilities over features. Added new sections for audience segmentation, AI/LLM positioning, and trust signals while reorganizing the feature hierarchy.

Key Changes

Messaging & Positioning

  • Updated meta title and description to position Read the Docs as "the documentation infrastructure layer"
  • Rewrote main headline from "Docs as Code for everyone" to "The documentation infrastructure layer"
  • Refocused value proposition on handling "builds, hosting, versioning, search, translations, previews, and auth"

New Sections

  • Added "Audience paths" section with separate messaging for engineering teams (paid tier) and open source projects (free tier)
  • Added "AI/LLM position" section highlighting llms.txt support and RAG-ready infrastructure
  • Added "Scale & trust signals" section with statistics (55M+ pages/month, 80k+ projects, 15 years in production)

Content Reorganization

  • Moved business logos section earlier in page flow
  • Demoted features section to "layer 3" with new header "What's inside the infrastructure layer"
  • Reframed highlight items from feature-focused to outcome-focused (e.g., "Ship versions without breaking the old ones" instead of "Automatic deploy previews")
  • Removed two testimonial blocks and cleaned up commented-out code

UI/Layout Updates

  • Added id="homepage" to body element for scoped styling
  • Adjusted column widths (7 wide → 8 wide computer) for better proportions
  • Fixed button alignment and indentation for consistency
  • Added styling for new AI and scale sections in theme overrides

Copy Refinements

  • Shortened and simplified feature descriptions for clarity
  • Updated terminology (e.g., "Single sign-on" instead of "Single-Sign On")
  • Fixed HTML entities (e.g., ’ for apostrophes)

https://claude.ai/code/session_01Xq2jGSBae9jxVwb6HzpDWt

claude added 2 commits April 14, 2026 07:13
…tive

Reorganize the homepage hierarchy so it leads with a clear positioning
statement, two explicit audience paths (engineering teams vs open
source), narrative-first value props, a named customer quote, a stated
position on AI/LLMs, and trust signals (scale stats + 15 years in
production). Features are demoted to layer-3 proof below the fold.
Adds a small #homepage CSS scope for hero fineprint and the scale strip.

https://claude.ai/code/session_01Xq2jGSBae9jxVwb6HzpDWt
Rework v1 of the homepage revamp based on review:

- Replace scattered inline styles with native SUI classes only
- Add proper two-card audience split section ("For engineering teams" /
  "For open source projects") below the hero instead of encoding it only
  in hero buttons
- Keep hero CTA simple and consistent with the original ("Get started for
  free" / "Explore features") instead of audience-specific buttons
- Strip verbose Jinja comments to keep the template scannable
- Pair testimonials side-by-side (Godot + UC Berkeley) in one section
- Keep bottom CTA simple and matching the original pattern
- Slim down LESS overrides to only the stats strip and AI card border

https://claude.ai/code/session_01Xq2jGSBae9jxVwb6HzpDWt
@read-the-docs-community
Copy link
Copy Markdown

read-the-docs-community Bot commented Apr 24, 2026

claude added 2 commits April 24, 2026 05:50
The CI build step failed because site.overrides was changed without
rebuilding readthedocs_theme/static/css/site.css. Rebuilt with the
project's node 14 toolchain so compiled assets match the LESS source.

Visual upgrades to the homepage:
- Audience path cards now use inverted teal/violet segments for stronger
  visual contrast and brand color reinforcement
- Added two image-backed feature showcase sections (versioned docs flyout
  and PR visual diff) using the header_image macro from the docs-as-code
  page, giving the page more visual depth
- Added a decorative horizontal divider between logo strip and highlight
  blocks for cleaner section rhythm
- Streamlined the AI stance section (removed redundant sub-label)

All CI checks pass locally: lint, test, build-assets, pelican build,
html-validate.

https://claude.ai/code/session_01Xq2jGSBae9jxVwb6HzpDWt
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