Skip to content

Modernize frontend design with brand book styling#1

Open
TimHL5 wants to merge 3 commits intoclaude/prototype-from-requirements-011CUdCh4SMJPiWMC9AmrL2afrom
claude/modernize-frontend-design-011CUfL3xquoM7eqgWQqrSGU
Open

Modernize frontend design with brand book styling#1
TimHL5 wants to merge 3 commits intoclaude/prototype-from-requirements-011CUdCh4SMJPiWMC9AmrL2afrom
claude/modernize-frontend-design-011CUfL3xquoM7eqgWQqrSGU

Conversation

@TimHL5
Copy link
Copy Markdown
Owner

@TimHL5 TimHL5 commented Oct 31, 2025

  • Updated color palette to brand colors (Coral Red, Navy Blue, Royal Blue, Soft Blue)
  • Added Inter font family from Google Fonts
  • Redesigned landing page with modern, techy AI vibes and weight loss focus
  • Updated messaging from workout plans to AI-powered weight loss coaching
  • Redesigned survey page with improved UX and brand colors
  • Redesigned plan display page with modern card layouts and gradients
  • Added custom CSS utilities for AI glow effects, gradient text, glass morphism
  • Implemented circular design elements throughout (echoing logo)
  • Added tech grid backgrounds and floating animations
  • Updated all CTAs to use brand color scheme
  • Improved accessibility with better contrast ratios
  • Added smooth transitions and hover effects throughout

- Updated color palette to brand colors (Coral Red, Navy Blue, Royal Blue, Soft Blue)
- Added Inter font family from Google Fonts
- Redesigned landing page with modern, techy AI vibes and weight loss focus
- Updated messaging from workout plans to AI-powered weight loss coaching
- Redesigned survey page with improved UX and brand colors
- Redesigned plan display page with modern card layouts and gradients
- Added custom CSS utilities for AI glow effects, gradient text, glass morphism
- Implemented circular design elements throughout (echoing logo)
- Added tech grid backgrounds and floating animations
- Updated all CTAs to use brand color scheme
- Improved accessibility with better contrast ratios
- Added smooth transitions and hover effects throughout
@vercel
Copy link
Copy Markdown

vercel bot commented Oct 31, 2025

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

Project Deployment Preview Comments Updated (UTC)
unweighted Ready Ready Preview Comment Nov 2, 2025 5:50pm

- Replace all survey links with Tally waitlist popup
- Update CTAs: "Get Started" → "Join Waitlist"
- Add Tally embed script loader in useEffect
- Create openWaitlist() function to open popup (600px width)
- Remove old waitlist form with email input
- Remove joinWaitlist API import (no longer needed)
- Keep trackEvent for analytics
- Update footer link to open popup instead of /survey
- All buttons now trigger centered Tally popup (form ID: w56Pp6)
- Install react-icons package for social media icons
- Add "Follow the Movement" section to all page footers
- Include Instagram, TikTok, and Facebook icon links
- Icons styled with brand colors (softblue with coral hover)
- 48px circular buttons with scale hover effect
- Responsive design (works on mobile and desktop)
- Links open in new tab with proper accessibility labels
- Updated all three pages: landing, survey, and plan display
- Consistent footer design across entire site

Social Links:
- Instagram: @unweighted_official
- TikTok: @Unweighted.fit
- Facebook: Unweighted profile
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