Styleguide

Patterns

• Accessibility

  • Flyingfocus
  • Visuallyhidden

• Base

  • Colors
  • Fonts
  • Icons
  • Visible / Hidden

• Form

  • Checkbox
  • Select
  • Input
  • RadioGroup
  • Select
  • Textarea

• Atoms

  • Button
  • Flyout
  • Image
  • Link
  • Logo
  • Video

• Molecules

  • Accordion Panel
  • Article Teaser Item
  • Carousel Item
  • Component Title
  • Content Section
  • Disruptor
  • Filter Dropdown
  • Form
  • Gated Content
  • Media Item
  • Newsletter
  • On Page Navigation
  • Option Group
  • Overlay
  • Pagination
  • Product Badge
  • Product Extended Filter
  • Product Filter
  • Product Filter Items
  • Product Information Highlight
  • Product Line Card
  • Product Sortby
  • Product Teaser Item
  • Share Link
  • Shop List
  • Square Teaser Item
  • Tab Group
  • Teaser Overlay
  • Tile
  • Video Player

Components

• Global

  • ready Footer
  • ready Header

• Organisms

  • ready Accordion
  • ready Article List Section
  • ready Article Teaser List
  • ready Banner
  • ready Big Hero
  • ready Campaign Hero
  • ready Care Routine Wizard
  • ready Carousel
  • ready Contact Form
  • ready Home Hero
  • redesign Home Hero v2
  • redesign Icons Section
  • redesign Image Comparison
  • ready Ingredients Table
  • ready Live Search
  • ready Live Search Result
  • ready Location Finder
  • ready Media
  • redesign Newsletter Disruptor
  • redesign Page Title
  • redesign Product Detail Page Hero
  • redesign Product Information Highlights
  • redesign Product Information Section
  • redesign Product Line Grid
  • ready Product List Section
  • ready Product Overview Hero
  • redesign Product Teaser List
  • ready Quote
  • ready Result List
  • ready Section Navigation
  • redesign Square Teaser List
  • redesign Text Image Section
  • ready Text List
  • ready Text List Section
  • ready Text Section
  • ready Tile Grid

Pages

• 01 Home

  • Home

• 02 Products

  • Product Lines Overview
  • All Products
  • Product Line Detail
  • Product Detail

• 03 Consultancy

  • Overview
  • Articles Overview
  • Care Routine
  • Skin Topics Overview
  • Skin Topics Detail
  • Ingredients
  • Q & A

• 04 Company

  • Overview
  • About us
  • Contact & Locations
  • Working at Louis Widmer

• 05 Wheretobuy

  • Overview

• 99 Various

  • 404 Not Found
  • 503 Service Unavailable
  • Campaign
  • Relaunch LP
  • Empty Page Template
  • Form Success Page
  • Newsletter
  • Overlay Tester
  • Search (no Results)
  • Search (Results)
  • Search

Pages (arabic / rtl)

• 01 Home

  • Home (ar)

• 02 Products

  • Product Lines Overview (ar)
  • All Products (ar)
  • Product Line Detail (ar)
  • Product Detail (ar)

• 03 Consultancy

  • Overview (ar)
  • Articles Overview (ar)
  • Care Routine (ar)
  • Skin Topics Overview (ar)
  • Skin Topics Detail (ar)
  • Ingredients (ar)
  • Q & A (ar)

• 04 Company

  • Overview (ar)
  • About us (ar)
  • Contact & Locations (ar)
  • Working at Louis Widmer (ar)

• 05 Wheretobuy

  • Overview (ar)

• 99 Various

  • 404 Not Found (ar)
  • 503 Service Unavailable (ar)
  • Campaign (ar)
  • Relaunch LP (ar)
  • Empty Page Template (ar)
  • Form Success Page (ar)
  • Newsletter (ar)
  • Overlay Tester (ar)
  • Search (no Results) (ar)
  • Search (Results) (ar)
  • Search (ar)