Template layouts

Example pages using the modules on this page (and from the rest of the style guide)

Full width banner

CLP 1.1.4 Brand category landing page: template 2

Stretches across page, sitting above sidebar.

Chanel Logo Banner

CLP 1.1.7 Brand category landing page: template 5

Placed at the top, full width across page.

Header + sidebar

CLP 1.1.4 Brand category landing page: template 2

CLP 1.1.5 Brand category landing page: template 3

Brand logo, copy, links + images/video slider.

Sidebar area

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc purus justo, laoreet eu ipsum sit amet, pulvinar efficitur sapien. Curabitur quis odio ut magna lacinia convallis vitae at elit. Mauris sed dui neque.

banner
banner
banner
banner
banner

Full width Header

CLP 1.1.6 Brand category landing page: template 4

Brand logo, copy, links + images/video slider.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc purus justo, laoreet eu ipsum sit amet, pulvinar efficitur sapien. Curabitur quis odio ut magna lacinia convallis vitae at elit. Mauris sed dui neque.

banner
banner
banner
banner
banner

Who will you be?

CLP 1.1.4 Brand category landing page: template 2

Grid collapses down to carousel on mobile.

Product Carousel

CLP 1.1.4 Brand category landing page: template 2

CLP 1.1.5 Brand category landing page: template 3

Standard Product Carousel. Shows max 4 products with sidebar present.

2 products displayed on mobile; 3 products at 768px; 4 products at 1024px; 5 products at 1260px; 6 products at 1382px.

Latest Collections

CLP 1.1.4 Brand category landing page: template 2

Content panels, with carousel.

Content Panels

CLP 1.1.4 Brand category landing page: template 2

Content panels stack on mobile.

Content Panels Alt

CLP 1.1.6 Brand category landing page: template 4

Content panels stack on mobile.

Gift Giving

Gift giving. For her. For him. For the home. Wrapped with finesse for a lasting impression.

The Art of Fragrance Combining™

The collections. From floral and fruity to citrus and spicey, explore our beautiful spectrum of scents... For you and your home.

Decorate with Scent

For the home. Any room, any occasion, can be transformed when it's styled with scent.

Chanel Content Panel

CLP 1.1.7 Brand category landing page: template 5

Image, title and copy.

Sidebar area

Chanel

Designer, visionary, artist, Gabrielle ‘Coco’ CHANEL reinvented fashion by transcending its conventions, creating an uncomplicated luxury that changed women’s lives forever. She followed no rules, epitomising the very modern values of freedom, passion and feminine elegance.

“Fashion passes, style remain...” This simple statement captures the essence of her revolutionary contribution to culture. CHANEL continues, after almost a century, to inspire women of all ages all over the world with its timeless modernity.

Much like the elegant, iconic fashions Coco CHANEL began designing almost a century ago, CHANEL fragrances and beauty essentials are sophisticated and timeless. From the legendary fragrance N°5 to the most effortlessly wearable foundations, CHANEL continues to set the standard for luxury and distinction.

Chanel

Lower Content Panels

CLP 1.1.4 Brand category landing page: template 2

Content, videos and products.

Sidebar area

Feature Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium ligula nisl condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium ligula nisl condimentum.

Link CTA

Feature Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Link CTA

Feature Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Link CTA

Feature Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Link CTA

Brown Thomas Style Guide