Style demo

Heading sizes:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Color palette:

Descriptions by ChatGPT

primary

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.