Cheatsheet example

Typography

Display heading

We have helped more than two hundred thousand people since we started.

Local partners know their communities and make sure help arrives where it matters. Highlighted, bold, italic, small, inline code and Ctrl + K.

We listen first, then build a plan around what you actually need.
Jonah Haddad

Buttons

Badges

PrimarySecondarySuccessDangerWarningInfoDarkPill primaryPill successPill danger

Alerts

Saved. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Check your details. Our annual report is independently audited and published in full.

Something went wrong. Clean water wells are built with and maintained by local communities.

Start in minutes and get help from a real person whenever you need it.

Cards

Clean water

We measure success by how many donors come back and tell their friends.

Education fund

Local partners know their communities and make sure help arrives where it matters.

Food relief

Every donation is tax-deductible, and receipts arrive by email instantly.

Forms

Tables

#	Name	City	Status
1	Elena Delgado	Vancouver	Draft
2	Maya Nguyen	Valencia	Completed
3	Ruby Patel	Denver	Pending
4	Owen Kowalski	Kyoto	Pending

Progress

25%

50%

75%

Navs

Companies can match employee donations and double their impact.

Ninety cents of every dollar goes directly to the projects you support.

Volunteers give their time in schools, shelters and food banks every week.

Pagination

List group

Clean water18
Education fund17
Food relief17

Accordion

We have helped more than two hundred thousand people since we started.

Our annual report is independently audited and published in full.

We keep things simple, so you can focus on what matters to you.

Spinners

Toasts

We listen first, then build a plan around what you actually need.

Every detail is handled by people who care about getting it right.