Style demo
Heading sizes:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Color palette:
Descriptions by ChatGPTprimary
The core green to build your design around.
primary-dark
Use for shadows, text, or any element needing extra depth.
primary-light
Great for highlights, backgrounds, or softer UI elements.
secondary
Provides a warm contrast to green; good for attention-grabbing accents (buttons, calls to action).
contrast
A purple accent that stands out strongly while still harmonizing in a triadic scheme.