Style guide

Back to home
HTML Headings Tags
All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings
Heading 5
All H6 Headings
Heading 6
Heading Classes
All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings
Heading 5
All H6 Headings
Heading 6
Other HTML Tags
All Paragraphs

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.

All Links
Text Link
All Block Quotes
Block Quote
All Unordered Lists
  • Unordered  list
  • Unordered  list
  • Unordered  list
All Ordered Lists
  1. Unordered  list
  2. Unordered  list
  3. Unordered  list
Text Sizes
Text Size X Large

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.

Text Size Large

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.

Text Size Medium

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.

Text Size Normal

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.

Text Size Small

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.

Text Size Extra Small

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.

Text Weights
Text Weight Bold

Text Weight Bold (700)

Text Weight Semibold

Text Weight Semibold (600)

Text Weight Medium

Text Weight Medium(500)

Text Weight Normal

Text Weight Normal(400)

Text Weight Light

Text Weight Light(300)

Text Weight X Light

Text Weight X Light(200)

Button Variant
Donate now
Donate now
Donate now
Donate now
Donate now
Donate now
Donate now
Donate now
Get involved
Get involved
Color Palette
White
#FFFFFF
White 900
#FFFFFFE6
White 800
#FFFFFFCC
White 700
#FFFFFFB3
White 600
#FFFFFF99
White 500
#FFFFFF80
White 400
#FFFFFF66
White 300
#FFFFFF4D
White 200
#FFFFFF33
White 100
#FFFFFF1A
Black
#000000
Black 900
#000000E6
Black 800
#000000CC
Black 700
#000000B3
Black 600
#00000099
Black 500
#00000080
Black 400
#00000066
Black 300
#0000004D
Black 200
#00000033
Black 100
#0000001A
Dark
#0C110E
Dark 900
#0C110EE6
Dark 800
#0C110ECC
Dark 700
#0C110EB3
Dark 600
#0C110E99
Dark 500
#0C110E80
Dark 400
#0C110E66
Dark 300
#0C110E4D
Dark 200
#0C110E33
Dark 100
#0C110E1A
Eerie Black
#1A1A1A
Carbon Black
#232323
Cyan
#4BFFDE
Cyan 700
#4BFFDEB3
Cyan 100
#4BFFDE1A
Yellow
#F0FF4B
Blue
#254DDD
Orange
#E6723C
Bright Violet
#9A25DD
Pure Violet
#5900FF
Green
#389A5C
Dark Cyan
#0B4238
Light Cyan
#127664
Very Dark Cyan
#0E1D15
Very Dark Cyan 800
#0E1D15CC
Very Dark Cyan 500
#0E1D1580
Grey
#D9D9D9
Light Grey
#D9D9D9B3

Grow with purpose. Make a difference.

Whether you’re contributing your skills, building your career, or supporting our mission behind the scenes, you’ll be part of a team creating real impact.

Donate now
Grow with purpose. Make a difference.