A set of assets and guidelines for building a consistent and positive user experience across the website.
2023.05.29
This color is used for all Headings and Icons
80%
100%
120%
140%
160%
180%
Secondary colors come from alternative brand colors. This color is used for variation
80%
100%
120%
140%
160%
180%
This color is used for all important interactive elements like Buttons, CTAs, links
Normal
Hover
Gray tones are the essence of the UI. Used for text or cards, etc
90%
70%
50%
30%
10%
Alerts are four colors used to indicate certain situations
Success
Danger
Warning
Info
Base color used for the background color of sections, cards
Main Background
Variant Background
Offset Background
Base color used for divider, border, etc
Border
Flexible typography scale works perfectly for all breakpoints – desktop, tablet and mobile.
A collection of widgets used as sample of the use of color and typography.
Collection of buttons used in website ui design with variations
Counting numbers that rotate and stop at a certain value to show an achievement in numbers
Highlighted special sentences that form a series as an expression or statement
Sooner has helped us incredibly with her knowledge of homeopathy. She is caring, helpful, and supportive. I highly recommend her for anyone who is seeking alternative solutions to their health.
~ Kimberly
