People for People Fund
Style Guide
01. Color palette
These are the Primary, Secondary and Font Colors that will be used throughout the site. They were chosen to match People for People Fund’s existing brand.
01.1 Primary Colors
#F3F7cb
#F9F9F9
#bac833
#a1ad2a
#79821f
#474d11
01.2 Secondary Colors
#FFecde
#f7b27c
#f47e23
#c4641a
#9c5117
#5c300e
01.3 Text Colors
#FFFFFF
#F9F9F9
#f2f2f2
#e0e0e0
#444444
#000000
01.4 Background Colors
#Ffecde
#f47e23
#BAC833
#474d11
02. Text styles
These are the Text Styles that will be used throughout the site. It was chosen for its ease of readability and to suggest an ‘official’ but ‘welcoming’ brand personality.
The font is a Google Font called Rubik. Alternate styles can be found here: https://fonts.google.com/
Primary
Secondary
Tertiary
Heading 1
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
Heading 4
Heading 4
Body
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.
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.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
The last part of this style guide handles some of the most-used modules within the website. Here, we’re also providing you with a primary, secondary and tertiary version of each module so you can get a sense of how things will look when we go live.
Primary
Secondary
Tertiary
Button
Blurb
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Email optin
Contact form
Image
Call to action
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Divider
Person
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Social Media Follow
Toggle
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Testimonial
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.
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.
Video
Accordion
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Blog
People for People: Give thanks by giving back to neighbors in need this holiday season
Home / BlogBy Fina Badolato For the Times Herald-RecordPublished 10:58 a.m. ET Nov. 19, 2021 As Thanksgiving nears, why not look into your heart and start a new tradition? Give thanks by giving back. COVID-19 has battered the Hudson Valley and the Catskills – along...
You can still help neighbors by donating to the People for People Fund
Fina Badolato for the Times Herald-Record To say that 2020 was a year like no other in recent memory would be an understatement. The COVID-19 pandemic’s grip on the world – and in particular, our Hudson Valley and Catskills – caused us to rethink and reshape the way...
A sudden slide into financial crisis is set right
Fina Badolato for the Times Herald-Record Life’s twists and turns often catch us by surprise. Take the Orange County single mom of two young sons who broke her ankle – but didn’t have any sick days available from her job. She ended being out of work for several weeks,...
Consider a holiday donation to People for People Fund
Fina Badolato, For the Times Herald-Record Up to your eyebrows in holiday shopping, baking, gift-wrapping and all sorts of last-minute details? Before you hang that final ornament, frost that last cookie or finish tying ribbons on the gift boxes, there's one more...
People for People fund helps people like you
Alfina Badolato/For the Times Herald-Record: They’re depending on you. The Sullivan County single mom of two young daughters, who couldn’t pay the rent because she missed work when her 2-year-old unexpectedly needed multiple visits to the emergency room. The Ulster...
People for People: Fund helping family get back on track after adversities
Fina Badolato for the Times Herald-Record Down, but not out. Sadly, many of our Hudson Valley and Catskills neighbors are suffering like never before with problems exacerbated by COVID-19. Although we look forward to brighter days, especially with the promise of a...
People for People: Give thanks by giving back to neighbors in need this holiday season
Home / BlogBy Fina Badolato For the Times Herald-RecordPublished 10:58 a.m. ET Nov. 19, 2021 As Thanksgiving nears, why not look into your heart and start a new tradition? Give thanks by giving back. COVID-19 has battered the Hudson Valley and the Catskills – along...
You can still help neighbors by donating to the People for People Fund
Fina Badolato for the Times Herald-Record To say that 2020 was a year like no other in recent memory would be an understatement. The COVID-19 pandemic’s grip on the world – and in particular, our Hudson Valley and Catskills – caused us to rethink and reshape the way...
A sudden slide into financial crisis is set right
Fina Badolato for the Times Herald-Record Life’s twists and turns often catch us by surprise. Take the Orange County single mom of two young sons who broke her ankle – but didn’t have any sick days available from her job. She ended being out of work for several weeks,...
Consider a holiday donation to People for People Fund
Fina Badolato, For the Times Herald-Record Up to your eyebrows in holiday shopping, baking, gift-wrapping and all sorts of last-minute details? Before you hang that final ornament, frost that last cookie or finish tying ribbons on the gift boxes, there's one more...
People for People fund helps people like you
Alfina Badolato/For the Times Herald-Record: They’re depending on you. The Sullivan County single mom of two young daughters, who couldn’t pay the rent because she missed work when her 2-year-old unexpectedly needed multiple visits to the emergency room. The Ulster...
People for People: Fund helping family get back on track after adversities
Fina Badolato for the Times Herald-Record Down, but not out. Sadly, many of our Hudson Valley and Catskills neighbors are suffering like never before with problems exacerbated by COVID-19. Although we look forward to brighter days, especially with the promise of a...
People for People: Give thanks by giving back to neighbors in need this holiday season
Home / BlogBy Fina Badolato For the Times Herald-RecordPublished 10:58 a.m. ET Nov. 19, 2021 As Thanksgiving nears, why not look into your heart and start a new tradition? Give thanks by giving back. COVID-19 has battered the Hudson Valley and the Catskills – along...
You can still help neighbors by donating to the People for People Fund
Fina Badolato for the Times Herald-Record To say that 2020 was a year like no other in recent memory would be an understatement. The COVID-19 pandemic’s grip on the world – and in particular, our Hudson Valley and Catskills – caused us to rethink and reshape the way...
A sudden slide into financial crisis is set right
Fina Badolato for the Times Herald-Record Life’s twists and turns often catch us by surprise. Take the Orange County single mom of two young sons who broke her ankle – but didn’t have any sick days available from her job. She ended being out of work for several weeks,...
Consider a holiday donation to People for People Fund
Fina Badolato, For the Times Herald-Record Up to your eyebrows in holiday shopping, baking, gift-wrapping and all sorts of last-minute details? Before you hang that final ornament, frost that last cookie or finish tying ribbons on the gift boxes, there's one more...
People for People fund helps people like you
Alfina Badolato/For the Times Herald-Record: They’re depending on you. The Sullivan County single mom of two young daughters, who couldn’t pay the rent because she missed work when her 2-year-old unexpectedly needed multiple visits to the emergency room. The Ulster...
People for People: Fund helping family get back on track after adversities
Fina Badolato for the Times Herald-Record Down, but not out. Sadly, many of our Hudson Valley and Catskills neighbors are suffering like never before with problems exacerbated by COVID-19. Although we look forward to brighter days, especially with the promise of a...