Skip to content

docs: redesign landing page — Anthropic × JetBrains aesthetic#8

Merged
ditvor merged 1 commit into
mainfrom
docs/landing-page-redesign
Mar 12, 2026
Merged

docs: redesign landing page — Anthropic × JetBrains aesthetic#8
ditvor merged 1 commit into
mainfrom
docs/landing-page-redesign

Conversation

@ditvor
Copy link
Copy Markdown
Owner

@ditvor ditvor commented Mar 12, 2026

Summary

  • Full light-theme: warm cream background (#F3F1EC), Anthropic-like warmth with JetBrains tactical accent colours (#087CFA blue, #7C52FF purple)
  • Typography: Fraunces serif for all h1/h2 headings (closest free match to Anthropic's Tiempos Headline), Inter for body, JetBrains Mono for code and labels
  • New logo mark: filled white circle on JetBrains blue rounded square — replaces the π orbit; reads clearly at 16px favicon and 64px ACP registry icon
  • docs/favicon.svg added — real SVG file, colour version for browsers
  • icon.svg added at repo root — black & white version for ACP registry submission
  • Hero: 2-column layout — editorial headline left, live dark IDE teaser right (dark-on-warm-light contrast is intentional)
  • Problem section: SVG line icons replace emojis (clock, file-search, wifi-signal)
  • How it works: numbered step badges, stronger section dividers
  • Demo: dark IDE window uses actual JetBrains IDE chrome colours (#2B2D30 / #1E1F22); typed input animation, response timing per ticket
  • Roadmap: progress track bar (Phase 1 filled → Phase 2 upcoming → Phase 3 planned), richer per-phase descriptions, Phase 4+ teaser row

Test plan

  • Open docs/index.html in a browser and verify light theme renders correctly
  • Check favicon appears in browser tab (should show blue square + white circle)
  • Click all three demo tickets (CSV / Auth / Perf) and verify animation runs
  • Verify Fraunces serif loads for headings (requires internet for Google Fonts)
  • Check mobile layout at ≤768px — hero should collapse to single column
  • Verify icon.svg renders as black square + white circle (for ACP registry)

🤖 Generated with Claude Code

- Full light-theme redesign: warm cream background (#F3F1EC),
  high-contrast warm-black text, 1.5px borders throughout
- Typography: Fraunces serif (Anthropic-like editorial) for h1/h2,
  Inter for body, JetBrains Mono for code and labels
- New logo mark: filled white circle on JetBrains blue square —
  replaces π orbit; reads cleanly at all sizes including 16px favicon
- Add docs/favicon.svg and icon.svg (B&W) for ACP registry
- Hero: 2-column layout with editorial headline and live IDE teaser
- Problem section: SVG line icons replace emoji
- How it works: numbered step badges, stronger connectors
- Demo: dark IDE window (JetBrains IDE colours) on warm light page;
  typed input animation, per-ticket response timing
- Roadmap: progress track bar, richer phase descriptions,
  Phase 4+ teaser row with dashed border
- Nav and footer cleaned up; GitHub URL updated to ditvor/pia

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@ditvor ditvor merged commit 3f41573 into main Mar 12, 2026
3 checks passed
@ditvor ditvor deleted the docs/landing-page-redesign branch March 12, 2026 15:48
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 12, 2026

Deploy Preview for pia-alpha ready!

Name Link
🔨 Latest commit a8403d6
🔍 Latest deploy log https://app.netlify.com/projects/pia-alpha/deploys/69b2e391db2fae0008ab5986
😎 Deploy Preview https://deploy-preview-8--pia-alpha.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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