Striking website header examples to get you inspired

Your website header is where first impressions are made. Focusing your attention on the design and copy in this area is vital for creating a homepage with impact and communicating what your company is all about. In this post we look at some great examples of powerful header designs to inspire your own layouts.

Sileni | Vineyard and winery

Method | Design agency

Full screen video backgrounds are a great way to add visual impact and depth to your page. Creative agency Method use video to add a splash of vivid colour to their homepage.  Be sure to check any header text is still legible when layered over your video. Through the Moonfruit website editor, you can add blur and transparency to your video backgrounds in seconds.

Current | Lighting studio

Slack | Collaboration tool

Illustrations are perfect for catching the eye, and also provide a unique touch and shot of personality to your homepage. Team collaboration platform Slack use bespoke graphics to illustrate the features of their software in a fun and friendly way. Unique illustrations are proving particularly popular across the web this year. Get inspired with more 2017 design trends here: 5 Web design trends taking over 2017.

Teampaper Snap | Screenshot application

Spotify | Music streaming application

Enhance your hero image by playing with the hue, saturation and temperature. The bright gradient filter applied by music streaming service Spotify adds a vivid, fun, and exciting feel to their homepage. You can add filters to your images through editing software like Photoshop or browser-based tool Canva.

Here | Online magazine

Envoy | Creative agency

Feeling inspired and ready to create your new website header? Moonfruit makes it easy to build a brilliant responsive site or landing page – no coding skills required. If you don’t have an account with us yet, why not get started today with our 14-day free trial?