Modernize frontend design with brand book styling#1
Open
TimHL5 wants to merge 3 commits intoclaude/prototype-from-requirements-011CUdCh4SMJPiWMC9AmrL2afrom
Conversation
Owner
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
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- 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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.