Grow Naturally, Live Sustainably!
Grow Naturally, Live Sustainably!
Home
This color is used for all important interactive elements like Buttons, CTA, links
Main
Darker
Lighter
Secondary colors come from alternative brand colors. This color is used for variation
Main
Darker
Lighter
Gray tones are the essence of the UI. Used for text or cards, etc
10%
30%
50%
70%
90%
Alerts are four colors used to indicate certain situations
Success
Danger / Error
Warning
Info
Base color used for the background color of sections, cards
Main Background
Variant Background
Base color used for divider, border, etc
Border
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Sub Title
Caption
Text
Button
Navigasi
Collection of buttons used in website ui design with variations
Button Size Variant
Counting numbers that rotate and stop at a certain value to show an achievement in numbers
Get 10% off
your first Veggie Box subscription — a curated selection of seasonal vegetables grown without chemicals.
