1. Hero Images Component (With Different variations)

The hero banner is a full-width image, which is pulled from the asset bank (TAB). This component can be used to present full-width images anywhere on the page, but is usually positioned at the top below the main header navigation.The hero banner has an optional title, subtitle and Call To Action (CTA) button. There are different banner styles which can be chosen.

1.1 Is with big titles and a CTA button left aligned. Smaller text can also be added. The CTA button can be removed.

Pre-Title text

Lorem ipsum dolor sit amet

Call to action

1.2 Is with a big title and smaller text including a background image. Tekst color can be changed. 

JPEG - Google Voice- Hollandse Hotdog

Our brand at a glance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies rhoncus metus eu varius. Cras pellentesque auctor elit eu euismod. Donec pretium ligula condimentum iaculis viverra. Morbi rutrum urna vel maximus condimentum. Fusce lacinia vitae purus a sodales. Phasellus id purus vulputate, aliquam ligula eu, consequat lorem.

1.3 Is with a photo background and a white square. This square is with small tekst (can be made big) and a CTA button both alligned in the center. 

Background for Unox with general vegetebles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras laoreet pulvinar dui vitae fermentum.

Button

1.4 Is with big titles and a tekst centered.

Boilerplate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus. Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor. Vivamus cursus purus arcu, et tristique eros ornare quis. Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien. Curabitur varius nunc in mi bibendum bibendum.

2. Unox Fragment

Unox fragments include two different types of  banners which are solely made for Unox Usage. 

2.1 Is with big titles and a CTA button left aligned. Smaller text can also be added. The CTA button can be removed.

2.2 Is a banner with a dutch flag as outline, which can include an informative text.

3. Product Listing

Products can be chosen to your liking in this carousel. Title can't be changed.

4. Article Asset

The article asset component enables the brand to show a collage of different pictures with titles. (Only below or next to each other)

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui
Unox Soep TOM MASCARPON

5. Navigation Tiles

The navigation component creates a display of the different articles that belong to one main article. Unfortunately this elements has yet to be used within the Unox page. The amount of articles displayed is per six, while more could be added, which will be displayed through a +more button.

6. Article Listing

The article listing component enables the brand to show articles that are interesting to the displayed article. Or either to display other interesting information. The image and text displayed are directly from the article and can't be changed. What can be changes is the headline. Finally there is a button that links you to all articles. 

7. Recipes

Through this element Unox can show the different recipes they have. A total of four elements will be displayed and a button will be attached that enables the user to see all recipes.

8. Featured Content Components (With Different Variations)

Featured content components can be configured in multiple ways.

8.1 video with heading
This component highlights a video by placing a large video in the middle of the page, with a title above it. For the video it is possible to mute audio, auto play and loop it. 

Meet our Hair Hackers

8.2 Secondary header
This component displays cards next to eachother including an image a title + button underneath. It is possible to place as many cards as you want. However, the cards become smaller when you add more cards. See the two different components for examples

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

JPEG - Google Voice- Rode bieten stamppot met zwarte pepper rookworst en ui

Secondary header

Header /Headline

Secondary CTA

8.3 About Icons
The ‘about icons’ component makes it possible to list to content next to each other. This is commonly used to list KPI’s. The most common amount is three, but four or five items is also an option. Please keep in mind that how more items you add, how more the text will pushed in so the text will be longer. With this component it is possible to add images, titles and paragraphs. Only images or only text is also possible.

Our Awards

Award winning hair care

Though one still has to take proper care for oily skin with the right skin care products.

Our Innovations

23 years of product innovation

Though one still has to take proper care for oily skin with the right skin care products.

Household info

In 1/3 of U.S. households

Though one still has to take proper care for oily skin with the right skin care products.

8.4 What’s in/out section
Similar to the ‘about icons’, but then with a nice grey background and two components next to each other. Here it possible to only display two items. 

What’s in

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

What’s out

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

8.5 Centered Featured Content
Big text with a smaller tekst underneath and a button. Possible to add background image or plain color. Moreover, we can also change the color of the text if needed.

Curabitur volutpat purus non velit laoreget, Curabitur volutpat non velit laoreget interdum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus.
Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor.
Vivamus cursus purus arcu, et tristique eros ornare quis.
Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien.
Curabitur varius nunc in mi bibendum bibendum. 

button

8.6 Single Featured content Article (Picture right alligned)
This component displays and image to one side and text, a title and a button on the other side. It is possible to display the content the other way around too (image left, text right). 

8.7 Single Featured content Article (Picture left alligned)
This component displays and image to one side and text, a title and a button on the other side. It is possible to display the content the other way around too (image left, text right). 

9. Centered Big Title

This component dispalys Centered big title with subtitle below.

#1 The summer eyes series: Lining and Shading

Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.

10. Contact Us

This component dispalys Contact us information with different variations.

10.1 Contact us boxes
This component shows contact us information in boxes.

Contact us

We’ll help you find what you’re looking for.

Store Locator

Find a retailer near you.

find a store

FAQ

Check our list of frequently asked questions

FIND an ANSWER

7.2 Contact us boxes (Vertical)
This component shows contact us information in boxes vertically.

Contact us

We’ll help you find what you’re looking for.

Store Locator

Find a retailer near you.

find a store

Live Agent

Our electronic assistant can answer your FAQs.

ask us

7.3 Contact us without box (Vertical)
This component shows contact us information vertically without box.

Call us

1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time

Emergency Hotline

1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.

7.4 Contact us without box
This component shows contact us information without box.

Call us

1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time

Emergency Hotline

1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at metus purus. Proin eu nunc vitae orci efficitur laoreet. Maecenas at nibh tortor. Vivamus cursus purus arcu, et tristique eros ornare quis. Suspendisse eget viverra odio, vel euismod justo. Vestibulum a elit sapien. Curabitur varius nunc in mi bibendum bibendum.