Simplifying environmental legislation for Romanian businesses.
DSA Environment is a Romanian consultancy that helps companies with environmental compliance, permits and sustainability reporting. The website had to explain a long list of services (waste management, AFM reports, environmental audits, carbon footprint analysis, ESG) to small businesses that just want to know what applies to them.
It switches between a light and dark theme and remembers the choice, with a gentle particle background, counters that animate the firm’s numbers and magnetic buttons that lean toward the cursor. ISO 9001 and 14001 certifications and 500+ clients keep it credible, and everything runs on plain JavaScript with no animation libraries.
Design System
Color
Typography
Tech Stack
Key Features
Light / Dark Theme
Full dual-theme support with a toggle that persists via localStorage. Every component (cards, nav, forms, particles) adapts to both modes.
Particle Background
30 randomised floating particles with staggered timing create a subtle, organic atmosphere that reinforces the environmental branding without impacting performance.
Animated Impact Counters
Scroll-triggered number counters (500+ clients, 5,000+ reports, 10+ industries) animate on viewport entry with a 2-second eased duration.
Magnetic Button Hover
CTA buttons track cursor position and apply a magnetic transform effect, pulling the button toward the pointer for a tactile, interactive feel.
Glassmorphic Navigation
Backdrop-blur navbar that activates on scroll past 100px, with smooth opacity and shadow transitions. Mobile hamburger with full-screen overlay.
Service Architecture
Seven service categories with icon-driven cards, nested sub-pages for sustainability, permits, and environmental studies, structured for SEO and scannability.
Page Architecture
Screenshots
/img/web/dsa/