Skip to content

Conversation

jsundai
Copy link
Contributor

@jsundai jsundai commented Feb 7, 2025

What does this PR do?

WIP

temporal-documentation-git-refresh-landing-page.preview.thundergun.io

This PR implements a comprehensive redesign of Temporal's documentation landing pages, focusing on improved developer experience, modern design patterns, and streamlined onboarding flows.

Pages modified:
/ (Homepage)
/develop (Developer guide landing)
/develop/go, /develop/java, /develop/php, /develop/python, /develop/typescript, /develop/dotnet (SDK landing pages)
/develop/*/setup (New setup pages for all SDKs)
/introduction (Enhanced with new image assets and layout)
/features (Complete redesign)
/getting-started (Full revamp as new page)

Notes to reviewers

Summary of changes in this PR:
Landing Page Redesigns

  • Homepage: Complete visual overhaul with new card-based layout, updated typography (Aeonik font family), and improved color scheme
  • Developer Guide Landing Pages: Redesigned /develop section with cleaner card layouts and better content hierarchy
  • SDK Landing Pages: Standardized design across Go, Java, PHP, Python, TypeScript, and .NET with:
    - New card-based layout replacing previous list format
    - Streamlined content focusing on titles and descriptions
  • Getting Started Page: New page instead of redirect with gradient borders and improved CTAs

Interactive React Components

  • Pattern Cards: Hover effects with subtle transforms and shadow changes
  • CTA Sections: Interactive elements with gradient borders and hover states
  • SDK Cards: Logo integration with proper spacing and hover interactions
  • Navigation: Enhanced with new Ask AI button integration

Enhanced Developer Onboarding

  • Setup Pages: Created dedicated setup/installation pages for all SDKs in two-column format
  • Getting Started Flow: Redesigned with clear activity time badges (5min, 10min, 20min) and progressive disclosure
  • Quick Start CTAs: Prominent "Create an account" and next page CTAs with gradient styling

Developer Experience Features

  • Ask AI button on navbar: Added navbar button that integrates with existing Kapa AI widget: This is a custom React component with sparkle icon. Has responsive design (text on desktop, icon-only on mobile). Provides proper spacing and visual integration with existing navbar elements.

@jsundai jsundai requested a review from a team as a code owner February 7, 2025 18:59
@jsundai jsundai marked this pull request as draft February 10, 2025 17:12
@fairlydurable fairlydurable added the work-in-progress This PR is not yet ready for technical or team review. Ideally it should be converted to a draft. label Feb 27, 2025
@jsundai jsundai removed the work-in-progress This PR is not yet ready for technical or team review. Ideally it should be converted to a draft. label Feb 27, 2025
@jsundai jsundai removed the docs-team label Mar 4, 2025
@jsundai
Copy link
Contributor Author

jsundai commented Jul 25, 2025

Breaking this PR into two for review. One with the topic cards (larger PR - touches most files) and one with everything else (styling, introduction section, new pages, etc).

@jsundai
Copy link
Contributor Author

jsundai commented Aug 19, 2025

I did a lot of work with creating topic cards for this PR so I'm going to change this into a PR solely focused on the topic cards. There's another PR solely focused on styling and the landing pages (#3717).

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