Turbine Horizons
Turbine Horizons takes a wind project from the first site assessment to installation and years of maintenance. The page had to feel calm and technical, like the industry itself: a big sky, plain numbers and one quiet blue-grey palette.
- Project
- Turbine Horizons
- Industry
- Renewable energy · Wind
- Scope
- Web design · Build · Motion
- Built with
- HTML, CSS, GSAP, ScrollTrigger, Canvas
- Year
- 2026


A sky, a live panel and turbines that actually turn
A wind energy company needs one page that explains six services, shows a real project and leads a business owner to a consultation. The design keeps the photography large and the interface small, so the turbines carry the mood and the panels carry the facts.
The first screen is a wide sky with turbines and a glass panel on the right, built like a phone widget: live San Francisco time, the weather and the company's projects, which slides open on load and folds away with a tap. Below, the about text darkens word by word while the turbine line drawing rotates behind it, the case card grows into place with layered photos moving at different speeds, and the six service icons draw themselves line by line. A blue band is a field of hundreds of small turbines that spin faster and brighten under the cursor. The technologies scroll sideways while the page is pinned, the news cards open from the bottom and the menu unfolds from the burger as a blue circle.
The live site
Scroll the site right inside the frame, or open it full screen.The first screen
Homepage · Desktop 1440
The full page
One long scroll, split into three columns — top to bottom, left to right.



Details




Colour & type
Palette — from the project file
- Black#212529
- Dark Grey#363D43
- Blue#647F94
- Light Grey#F5F5F6
- Yellow#F2CE1B
Typefaces
Astergrid



Let’s launch.
Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.
- Reply within one business day
- Design, build and launch by one team
- One week of post-launch support included
Brief sent.
Thanks — we’ll read it and come back with a plan, a timeline and a quote.
