Components
Default Typography
Heading and Title
Display 1
Heading 1
Heading 2
Heading 3
Title 1
Title 2
Title 3
Body
Body 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet nunc nec dolor consectetur, eget lacinia felis fringilla. Pellentesque convallis ex sed elit luctus vulputate. Curabitur lacus arcu, pharetra vitae porttitor vel, iaculis quis augue. Vivamus a pellentesque purus. Aliquam sit amet pharetra tellus. In nulla leo, ultricies eu est et, elementum porttitor nibh. Sed enim ligula, eleifend vel erat nec, consequat tincidunt sapien. Aenean volutpat arcu sed enim sollicitudin, at molestie sem porttitor. Cras fringilla tellus in tincidunt imperdiet. Donec a dolor commodo augue condimentum rutrum ac id ex. Integer rhoncus nunc nec augue dignissim, eu vulputate metus convallis.
Body 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet nunc nec dolor consectetur, eget lacinia felis fringilla. Pellentesque convallis ex sed elit luctus vulputate. Curabitur lacus arcu, pharetra vitae porttitor vel, iaculis quis augue. Vivamus a pellentesque purus. Aliquam sit amet pharetra tellus. In nulla leo, ultricies eu est et, elementum porttitor nibh. Sed enim ligula, eleifend vel erat nec, consequat tincidunt sapien. Aenean volutpat arcu sed enim sollicitudin, at molestie sem porttitor. Cras fringilla tellus in tincidunt imperdiet. Donec a dolor commodo augue condimentum rutrum ac id ex. Integer rhoncus nunc nec augue dignissim, eu vulputate metus convallis.
Others
CTA Text
Caption
Navigation
Dynamic Typography (Scale to 4k to see difference)
Heading and Title
Display 1
Heading 1
Heading 2
Heading 3
Title 1
Title 2
Title 3
Body
Body 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet nunc nec dolor consectetur, eget lacinia felis fringilla. Pellentesque convallis ex sed elit luctus vulputate. Curabitur lacus arcu, pharetra vitae porttitor vel, iaculis quis augue. Vivamus a pellentesque purus. Aliquam sit amet pharetra tellus. In nulla leo, ultricies eu est et, elementum porttitor nibh. Sed enim ligula, eleifend vel erat nec, consequat tincidunt sapien. Aenean volutpat arcu sed enim sollicitudin, at molestie sem porttitor. Cras fringilla tellus in tincidunt imperdiet. Donec a dolor commodo augue condimentum rutrum ac id ex. Integer rhoncus nunc nec augue dignissim, eu vulputate metus convallis.
Body 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet nunc nec dolor consectetur, eget lacinia felis fringilla. Pellentesque convallis ex sed elit luctus vulputate. Curabitur lacus arcu, pharetra vitae porttitor vel, iaculis quis augue. Vivamus a pellentesque purus. Aliquam sit amet pharetra tellus. In nulla leo, ultricies eu est et, elementum porttitor nibh. Sed enim ligula, eleifend vel erat nec, consequat tincidunt sapien. Aenean volutpat arcu sed enim sollicitudin, at molestie sem porttitor. Cras fringilla tellus in tincidunt imperdiet. Donec a dolor commodo augue condimentum rutrum ac id ex. Integer rhoncus nunc nec augue dignissim, eu vulputate metus convallis.
Others
CTA Text
Caption
Navigation
Colour styles
Off-white
Cream
Stroke Gray
ZR Gray
Message Green
ZR Green
Message Error
Sales
Buttons
Accordions
Icons
plus
chevron
burger
search
close
heart
heart_outline
cart
filter
edit
delete
language
check
account
play
pause
copy
apple
Inputs
Checbox and Radio
Basic Input
Dropdowns
Product PLP Card
Container
Grid - CTRL + G To Trigger