Greenest UI Kit

1. Typography

Hero Heading | Comfortaa | #FFFFFF | 38px

Hero H1

H1 | Comfortaa | #FFFFFF | 38px

Heading H1

H2 | Comfortaa | # FFFFFF | 30px

Heading H2

Footer H3 | Comfortaa | #FFFFFF | 25px
H3 |  Raleway | #BABABB | 18px

Heading H3

H4 | Raleway | #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 Text | Raleway | #BABABB | 16px | Bold
This is some text inside of a div block.
List | Raleway | #BABABB | 16px
  • Item
  • Item
  • Item
  1. Item
  2. Item
  3. Item
Block Quote | Raleway | #BABABB | 25px
This is a block quote text generated from rich text field.
Text Link | Raleway | #50E3C2 | 16 px
This it in-text link to anywhere you want...

2. Colors

Lime
#18703B
Greenest
‍#20A84A
CTA
#22A1CC
So So
#F2C53D
Not Good
#E08955
Really Bad
#BF3707
Headlines
‍#292927
Lead Text
#757573
Scroll
#E6E6E7
Whitesmoke
#f7f7f7

3. Buttons

CTA Button
Button Text
Secondary Button

4. Icon Set

5. CTA Section

Řešíte kvalitu kanceláří?

Ozvěte se