Veridian Carbon
Key features
Sustainable color palette: forest green, emerald, and gold
6 languages: EN, ES, FR, DE, IT, PT with instant switching
Complete dark mode with 40+ custom CSS variables
Scroll-reveal animations with Intersection Observer and animated counters
Sections: hero, features, metrics, process, testimonials, pricing, FAQ
Mobile-first responsive design with container queries and clamp()
Description
Veridian Carbon is a complete landing page for a B2B carbon intelligence platform. Designed with an editorial-premium approach, the page features a forest green and emerald color palette that conveys sustainability and trust. Includes 7 main sections: hero with floating stats, product features, impact metrics, 3-step process, testimonials, pricing, and FAQ accordion. Full internationalization system with 6 languages (English, Spanish, French, German, Italian, Portuguese) with instant switching, browser language detection, and localStorage persistence. Complete dark mode with smooth transitions. Scroll-reveal animations with Intersection Observer and animated counters. Cookie banner and responsive mobile navigation. Fully accessible with WCAG AA contrast and semantic HTML5 markup.
Technologies used
HTML
CSS
JavaScript