Build new Ternity Education website with refined minimalist design#1
Merged
TimHL5 merged 1 commit intoternityedu:mainfrom Nov 4, 2025
Conversation
This commit introduces a complete redesign of the Ternity Education website following a sophisticated minimalist approach focused on conversion and user experience. Key Features: - Refined minimalist design with strategic use of Ternity Blue (#7DD3E8) - Full single-page layout with smooth scrolling navigation - 7 main sections: Hero, Challenge, Programs, About, Process, Booking, Footer - Comprehensive design system with CSS custom properties - Smooth scroll-triggered animations and micro-interactions - Fully responsive design (mobile, tablet, desktop) - Performance optimized with debounced handlers and Intersection Observer - Accessibility compliant (WCAG AA, keyboard navigation, reduced motion) Technical Stack: - Vanilla HTML5, CSS3, JavaScript (no frameworks) - Modern CSS features (Grid, Flexbox, Custom Properties) - SVG icons and illustrations - Inter font from Google Fonts - Progressive enhancement approach Design Philosophy: - Intelligent restraint - every element serves a purpose - Large, bold typography with generous whitespace - Subtle, purposeful animations - Color used strategically for emphasis - Mobile-first responsive design Interactive Elements: - Animated statistics counter - SVG chart line drawing - Rotating solution cards with hover effects - Parallax hero background - Sticky navigation with scroll detection - Mobile overlay menu - Floating CTA button - Form validation and submission handling All sections are production-ready and optimized for conversion, with clear CTAs guiding users to book a consultation call. Removed old template files (index.css, shared.css, index.js, shared.js) and replaced with clean, purpose-built styles.css and script.js.
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
2 participants
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.
This commit introduces a complete redesign of the Ternity Education website following a sophisticated minimalist approach focused on conversion and user experience.
Key Features:
Technical Stack:
Design Philosophy:
Interactive Elements:
All sections are production-ready and optimized for conversion, with clear CTAs guiding users to book a consultation call.
Removed old template files (index.css, shared.css, index.js, shared.js) and replaced with clean, purpose-built styles.css and script.js.