Other Global Locations
Skip navigation

Typography

abcdefghijklmnopqrstuvwxyz / ABCDEFGHIJKLMNOPQRSTUVWXYZ / 0123456789!?&$#

Lato regular

abcdefghijklmnopqrstuvwxyz / ABCDEFGHIJKLMNOPQRSTUVWXYZ / 0123456789!?&$#

Lato bold

abcdefghijklmnopqrstuvwxyz / ABCDEFGHIJKLMNOPQRSTUVWXYZ / 0123456789!?&$#

Lato Black

abcdefghijklmnopqrstuvwxyz / ABCDEFGHIJKLMNOPQRSTUVWXYZ / 0123456789!?&$#

Superfly One Regular

Typographic Scale

Canon 74px
Tertia 58px
Meridian 44px
Paragon 36px
Columbian 28px
Grand 22px
Normal 18px
Primer 16px
Petite 14px
Minion 12px
Non-pariel 10px

Headings

A World
without hunger.

Desktop: H1 Display Header / Lato Regular + Black / 74px / 76px line-height / -1px letter-spacing
Mobile: H1 Display Header / Lato Regular + Black / 44px / 50px line-height / 0px letter-spacing

Heading 1

H1 Heading / Lato Black / 36px / 44px line-height / 0px letter-spacing

Heading 2

H2 Heading / Lato Black / 28px / 34px line-height / 0px letter-spacing

Heading 3

H3 Heading / Lato Black / 22px / 27px line-height / 0px letter-spacing

Heading 4

H4 Heading / Lato Black / 18px / 22px line-height / 0px letter-spacing

Heading 5

H5 Heading / Lato Black / 16px / 19px line-height / 0px letter-spacing

Paragraph styles

Beyond the numbers and words often used to describe it, understanding the full scope of hunger and malnutrition can be daunting. The resources below are here to help you understand the issue and the effect it has on the 720+ million people impacted by hunger.

Lead-in|Large Paragraph / Lato Regular / 22px / 37px line-height / 0px letter-spacing

Beyond the numbers and words often used to describe it, understanding the full scope of hunger and malnutrition can be daunting. The resources below are here to help you understand the issue and the effect it has on the 720+ million people impacted by hunger.

Normal Paragraph / Lato Regular / 18px / 32px line-height / 0px letter-spacing

Beyond the numbers and words often used to describe it, understanding the full scope of hunger and malnutrition can be daunting. The resources below are here to help you understand the issue and the effect it has on the 720+ million people impacted by hunger.

Small Paragraph / Lato Regular / 16px / 28px line-height / 0px letter-spacing

Beyond the numbers and words often used to describe it, understanding the full scope of hunger and malnutrition can be daunting. The resources below are here to help you understand the issue and the effect it has on the 720+ million people impacted by hunger.

Minion Paragraph / Lato Regular / 12px / 18px line-height / 0px letter-spacing

Buttons

Variations
Sizes

Links

Inline Links

Rise Against Hunger is growing a global movement to end hunger by empowering communities, nourishing lives and responding to emergencies.

Colors

Brand
brand-1
brand-2
Interactive
interactive-primary
interactive-secondary
accent-1
Neutral
neutral-1
neutral-2
Support
support-success
support-warning
support-error