Typography
H1 Galano Grotesque Alt 54px
Roboto Slab – 18px. This is some sample paragraph text. It is repeated in order to demonstrate spacing between paragraphs and headings. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H2 Galano Grotesque Alt 43px
This is some sample paragraph text. It is repeated in order to demonstrate spacing between paragraphs and headings.
u scelerisque felis imperdiet proin fermentum leo vel. Eros donec ac odio tempor orci dapibus. Massa sapien faucibus et molestie ac feugiat sed. Integer vitae justo eget magna fermentum. Nunc vel risus commodo viverra maecenas accumsan lacus.
H3 Galano Grotesque Alt 28px
This is some sample paragraph text. It is repeated in order to demonstrate spacing between paragraphs and headings.
H4 Galano Grotesque Alt 22px
This is some sample paragraph text. It is repeated in order to demonstrate spacing between paragraphs and headings.
H5 Galano Grotesque Alt 14px
This is some sample paragraph text. It is repeated in order to demonstrate spacing between paragraphs and headings.
Colors
#000000
#FFFFFF
#F1F1F1
#BBBBBB
#FCCB36
#F83180
#3099FF
#F85A29
Buttons
Unordered List
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Blockquote
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs
Apple Worldwide Developers’ Conference, 1997
Table
| Entry Header 1 | Entry Header 2 | Entry Header 3 | Entry Header 4 |
|---|---|---|---|
| Entry First Line 1 | Entry First Line 2 | Entry First Line 3 | Entry First Line 4 |
| Entry Line 1 | Entry Line 2 | Entry Line 3 | Entry Line 4 |
| Entry Last Line 1 | Entry Last Line 2 | Entry Last Line 3 | Entry Last Line 4 |
Format Text
Paragraph with <strong></strong> tag and bold text.
Paragraph with <em></em> tag and italic text.
Site Elements
Hero Section
Use this hero on all internal pages. Landing pages can use the full width hero from the homepage.
Image ratio – 1:1
Support Our Work
Get Involved
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis tempor volutpat. Duis aliquet nulla tellus. Praesent pharetra varius mi, eget vestibulum sem ornare sed. Donec elementum turpis ut tellus luctus, eu tempus orci interdum.
Page Sub Navigation
Used under any pages under the “about” section of the navigation
Latest Posts Block
Post Grid Block
Used for displaying campaigns or issues on a page
Hover Reveal Block
Used for linking out to other pages or resources on a landing page
Image ratio – 1:1
Overlapping callout section with tabs
Image ratio – 9:16
Featured Resources
Join youth activists and youth allies working to create a world that is just, safe, and healthy for all.
Youth Activist Toolkit
Our Explorers discover, understand, and conserve marine and coastal systems and inspire and empower local and global audiences to better understand and protect the ocean.
Placeholder: Youth Activist Toolkit
Placeholder: Our Explorers discover, understand, and conserve marine and coastal systems and inspire and empower local and global audiences to better understand and protect the ocean.
Placeholder: Youth Activist Toolkit
Placeholder: Our Explorers discover, understand, and conserve marine and coastal systems and inspire and empower local and global audiences to better understand and protect the ocean.
Pargraph content with underlined header
Just Another Header
Massachusetts became the second state to pass legislation related to abortion on campus in 2022. Using a replication of the CA bill, the Massachusetts legislature allocated funding for all public universities and community colleges to provide medication aborti
Page header option
Image ratio – 2.35:1
Page Header
A header description: In partnership with young people, Advocates for Youth champions policies that expand and improve young people’s reproductive and sexual health and rights.
Callout content with overlapping image
Image ratio – best for 1:1 or 4:3
Congressional Digest
Every quarter, Advocates for Youth sends a Congressional Digest to all Democratic and Independent Members of Congress. In this Digest, federal lawmakers receive updates on upcoming events, previous event highlights, and priority legislation and funding.
Content image column with content
Image ratio – 1:1
What We’re Working On
We work with young people to champion reproductive and sexual health and rights. We work with young people to champion reproductive and sexual health and rights. Learn more:
Full-width image callout
Image ratio – 2.35:1 widest ratio
It’s Time to Let Young People Lead.
Young people understand that reproductive and sexual health and rights are inextricably tied to social justice and the fight for liberation. Join thousands of youth activists and adult allies as we build a better and more equitable world.
3-column info section
Get Started
Ready to take action? We’ll give you the tools you need to organize in your community.
Donate
Support the future of youth activism and young folks fighting for reproductive and sexual health and rights.
Sign Up
Sign up for our text and email list to get all the latest updates on actions and campaigns.
Overlapping quote section
Image ratio – Best for 1:1
“The Young Women of Color For Reproductive Justice Leadership Council empowered me to grow as a leader, gain invaluable advocacy skills, and foster community with like-minded young women. Supporting Advocates means investing in a brighter, more equitable future led by diverse young voices who understand firsthand the needs and strengths of their communities.”
Aimaloghi, Program Alumna and Board Member
Post Slider
Sign up section
Image ratio – Best for 16:9
