Skip to content

feat(design): implement Claude design updates with full responsive la…#2

Open
PrakharSingh0908 wants to merge 1 commit into
mainfrom
feat/design-implementation-and-responsive
Open

feat(design): implement Claude design updates with full responsive la…#2
PrakharSingh0908 wants to merge 1 commit into
mainfrom
feat/design-implementation-and-responsive

Conversation

@PrakharSingh0908

Copy link
Copy Markdown

…yout

Landing page

  • Hero: updated corner labels, fixed bloom blur/opacity for tablet, capped heading and body font sizes (42px / 18px) at tablet via scoped !important rules
  • InstallScript: updated headline/subtitle copy, added pk-row-stack-tablet for column stacking, capped font sizes at tablet (38px / 18px)
  • FeatureGrid / FeatureCard: updated Card 3 copy ("Light weight"), 2-col layout 900-1199px, 1-col below 900px, removed hardcoded 722px card height
  • EngineeringCredit (Partners): added logo hover/dim JS effect, hid background image on mobile and tablet, shifted bg image 8px right via object-position, tightened partner row gap, capped title font size at tablet (38px)
  • Faq / FaqItem: replaced all four FAQ entries with new content; implemented animated cross icon (rotation + scale), slide-in/fade-in panel animation, single-open accordion JS, hidden bloom on mobile; capped font sizes at tablet
  • SiteFooter: added TELEGRAM and TWITTER community chips alongside GITHUB
  • Benchmarks teaser: removed "PROVING TIME · LINE" bar/label, stacked columns at tablet, added staggered animation delays for metric-switch enter animation, fixed hover opacity for bars/columns charts via !important in global.css
  • benchmarks.astro: moved BenchmarksHero before ProvekitDemo, added leading strip

Benchmarks page

  • BenchmarksHero: stacked CTA row at tablet, capped heading/body font sizes
  • BenchmarkDetail: stacked sidebar below chart at tablet, capped font sizes
  • BenchmarksSummary: narrowed metric columns to minmax(0,160px) for tablet, capped font sizes
  • ProvekitDemo: removed textarea resize handle (resize: none), capped font sizes
  • BenchmarksMethodology: shortened methodology paragraph

Global responsive system (721-1199px tablet breakpoint)

  • tokens.css: added intermediate token values for font size, line-height, tracking, and padding for the 721-1199px range
  • global.css: moved zoom:0.75 to min-width:1200px (desktop only); added tablet media query with pk-stage/pk-strip width overrides, pk-row-stack-tablet utility class, and pk-display-headline/pk-sub-deck font-size overrides; fixed bar/column chart hover opacity with !important

Navigation (TopBar)

  • Fixed nav sheet overflow on expand: replaced hardcoded calc(100vw - 176px) with calc(100vw - 2 * var(--pk-gutter)) so the sheet always aligns with the body content column at every breakpoint (desktop 88px gutter, tablet 32px)
  • Ensured pk-topbar-inner fills 100% at tablet with zero auto-margins

…yout

Landing page
- Hero: updated corner labels, fixed bloom blur/opacity for tablet, capped heading
  and body font sizes (42px / 18px) at tablet via scoped !important rules
- InstallScript: updated headline/subtitle copy, added pk-row-stack-tablet for
  column stacking, capped font sizes at tablet (38px / 18px)
- FeatureGrid / FeatureCard: updated Card 3 copy ("Light weight"), 2-col layout
  900-1199px, 1-col below 900px, removed hardcoded 722px card height
- EngineeringCredit (Partners): added logo hover/dim JS effect, hid background
  image on mobile and tablet, shifted bg image 8px right via object-position,
  tightened partner row gap, capped title font size at tablet (38px)
- Faq / FaqItem: replaced all four FAQ entries with new content; implemented
  animated cross icon (rotation + scale), slide-in/fade-in panel animation,
  single-open accordion JS, hidden bloom on mobile; capped font sizes at tablet
- SiteFooter: added TELEGRAM and TWITTER community chips alongside GITHUB
- Benchmarks teaser: removed "PROVING TIME · LINE" bar/label, stacked columns
  at tablet, added staggered animation delays for metric-switch enter animation,
  fixed hover opacity for bars/columns charts via !important in global.css
- benchmarks.astro: moved BenchmarksHero before ProvekitDemo, added leading strip

Benchmarks page
- BenchmarksHero: stacked CTA row at tablet, capped heading/body font sizes
- BenchmarkDetail: stacked sidebar below chart at tablet, capped font sizes
- BenchmarksSummary: narrowed metric columns to minmax(0,160px) for tablet,
  capped font sizes
- ProvekitDemo: removed textarea resize handle (resize: none), capped font sizes
- BenchmarksMethodology: shortened methodology paragraph

Global responsive system (721-1199px tablet breakpoint)
- tokens.css: added intermediate token values for font size, line-height,
  tracking, and padding for the 721-1199px range
- global.css: moved zoom:0.75 to min-width:1200px (desktop only); added tablet
  media query with pk-stage/pk-strip width overrides, pk-row-stack-tablet
  utility class, and pk-display-headline/pk-sub-deck font-size overrides;
  fixed bar/column chart hover opacity with !important

Navigation (TopBar)
- Fixed nav sheet overflow on expand: replaced hardcoded calc(100vw - 176px)
  with calc(100vw - 2 * var(--pk-gutter)) so the sheet always aligns with the
  body content column at every breakpoint (desktop 88px gutter, tablet 32px)
- Ensured pk-topbar-inner fills 100% at tablet with zero auto-margins

Co-authored-by: Cursor <cursoragent@cursor.com>
@PrakharSingh0908 PrakharSingh0908 requested a review from Bisht13 May 21, 2026 09:11
@vercel

vercel Bot commented May 21, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
provekit-org Ready Ready Preview May 21, 2026 9:11am

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