Fonts
Noto Sans
Regular 400 / Bold 700
Mulish
Bold 700 / Black 900
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Icons
Bag
Buttons
Button link Button Link Ghost Button linkFull button
Forms
Color Swatches
Quantity Selector
Product Card
Product grid
Search bar
Product single
Ava Haircare Moisture Condition
Accordion
Breadcrumbs
Image
Responsive image with lazy loading and aspect ratio
Default Carousel
Default carousel with products
Default carousel with inner arrow
Default carousel with heading
Heading example
Default carousel with border in the items
Banner Overlay - Top Left
Banner Overlay - Small Style
Pagination
Alert message
Image grid
Heading with Heading Description
@planetbeautyofficial
Makeup, skincare, haircare, and more!
Class to hide elements
Classes available: hidden__mobile , hidden__tablet , hidden__desktop.
Reize the screen to see the other elements.
Full width container
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Section Banner Slider
Standalone add to cart with loading
Add to cart form
Skin Card
Dry skin can feel tight throughout the day, and may experience noticeable flaking. Dry skin is largely due to genetics, environmental factors such as lifestyle & diet, hormonal changes, andclimate. <\/p>
Daily exfoliation with gentle ingredients help promote skin cell turnover without removing skin’s natural oils. The best moisturizers for dry skin are those containing hyaluronic acid, glycerin, and marine actives like algae, because of their ability to attract water and deliver it directly to skin cells.<\/p>