
Preview image. Unlock full-res
Dark-mode contact page for renewable energy company combining wind turbine hero image, split-panel layout, and lime-green accent call-to-action.
Summary
Dark-mode contact page for renewable energy company combining wind turbine hero image, split-panel layout, and lime-green accent call-to-action.
Visual description
Top navigation bar with "eHydra" logo and navigation links (PROJECTS, ABOUT, CAREERS, SOLUTIONS, NEWS) plus a Contact button. Left side features a large hero image of white wind turbines in a green field, photographed from above. Right side splits into two sections: upper features "Contact" headline in a modern sans-serif, with copy about sustainability and collaboration in light gray text, and a lime-green badge reading "GET IN TOUCH". Below is a contact form with dark background, pale text labels (First Name, Last Name, Your Phone, Your Email, Your Message), and a lime-green Submit button. Footer contains teal "©Hydra" wordmark, social links (Instagram, X, LinkedIn), and page navigation (Home, Projects, About, Solutions, Careers, News), all in light gray on the dark ground.
Key takeaway
The asymmetric split layout (image left, form right) creates immediate visual balance while driving focus to the call-to-action. The lime-green accent (badge and button) provides a confident punctuation mark against the cool, dark palette. The hero image gives meaningful context to the brand's mission. The form fields use outlined inputs with subtle borders, readable but not aggressive.
Reuse notes
Excellent template for B2B energy, engineering, sustainability, or infrastructure sectors. The dark mode conveys technical competence and reduces eye strain for form completion. The wind-turbine imagery is specific to renewables; substitute with your industry's signature visual. The teal wordmark in the footer reinforces brand identity. This layout is effective for medium-to-long-form contact flows and extended discovery narratives.









