Greenest UI Kit

1. Typography

Hero Heading | #FFFFFF | 38px

Hero H1

H1 | #FFFFFF | 38px

Heading H1

H2 | # FFFFFF | 30px

Heading H2

Footer H3 | #FFFFFF | 25px

Footer Heading H3

H3 | #BABABB | 18px

Heading H3

H4 | #BABABB | 16px

Heading H4

Base Line Text | #BABABB | 16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Bold Body Text | #BABABB | 16px | Bold
This is some text inside of a div block.
Bullet Point List | #BABABB | 16px
  • Item
  • Item
  • Item
Block Quote | #BABABB | 25px
This is a block quote text generated from rich text field.
Text Link | #50E3C2 | 16 px
This it in-text link to anywhere you want...

2. Colors

Primary Color | #20A84A
Backbround | #FFFFFF
Icons 1 | #18703B
Titles | #292927
Icons 2 | #214723
Lead Text | #757573
Gradient | #4A61FF
Scroll | #E6E6E7

3. Buttons

CTA Button
Button Text
Secondary Button

4. Icon Set

5. CTA Section

Take the first step →

Get in touch

Get in touch

i.splichalova@grnst.co+420 728 648 835

Visit us