Goodwill Logo

Styleguide

  • Logos
  • Colors
  • Typography
  • Buttons
  • Forms
  • Icons
  • Web Elements
  • GIS - Branding
  • Green Works

Logo

  • Primary
  • Variants

Primary Logo

Variants

*Click to download any logo

Mini Logo

Favicon Logo

Colors

  • Primary
  • Secondary

Primary Colors

Goodwill Blue

#0051a2 | pantone

rgb(0, 81, 162)

cmyk(100, 50, 0, 36)

Blue Chill

#005c75 |

rgb(0, 92, 117)

cmyk(100, 21, 0, 54)

Celery Green

#a5cb5a |

rgb(165, 203, 90)

cmyk(19, 0, 56, 20)

Secondary Colors

White

#ffffff |

rgb(255, 255, 255)

cmyk(0, 0, 0, 0)

Black

#000000 |

rgb(0, 0, 0)

cmyk(0, 0, 0, 100)

Sand

#7b7666 |

rgb(123, 118, 102)

cmyk(0, 4, 17, 52)

Pampas

#efeee6 |

rgb(239, 238, 230)

cmyk(0, 0, 4, 6)

Typography

  • Typeface
  • Headlines
  • Paragraph
  • Text Formatting

Typeface

Aa Zz

Zona Pro

Aa Zz

Century Gothic Bold

Aa Zz

Century Gothic Reg

Paragraph

Headline

Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Subheadline

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,

Text Formatting

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. This is what bold copy will look like. Magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed.

This is what the base link style will look life. Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,


This is a paragraph seperated by an HR tag and using the legal text short code we created for you. Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

  • This is a bulleted list
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  1. This is a ordered list
  2. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.
  3. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor.Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

You can also write your content in columns. Nullam bibendum accumsan sapien in vehicula. Aliquam eu est quis dui gravida consequat. Vestibulum volutpat massa ac vestibulum scelerisque. Aliquam mauris est, faucibus eu malesuada at, iaculis in dolor. Nullam dictum pharetra eleifend. Ut feugiat nulla id felis lacinia, vitae vestibulum leo aliquam. Etiam justo ante, ullamcorper a velit in, sollicitudin malesuada nisl.

Nunc condimentum dolor laoreet lobortis lacinia. Suspendisse accumsan molestie velit dapibus pharetra. Aliquam vel ullamcorper libero. Vivamus et turpis sed sapien tempor consequat. Sed ut gravida magna, et mattis dui. Etiam viverra lorem vel lorem egestas, eget volutpat erat blandit. Etiam dignissim, sem sit amet maximus pellentesque, tortor arcu tristique turpis, sit amet dapibus nibh diam vitae lacus.

Donec aliquet ultricies sapien, finibus ornare odio venenatis sit amet. Vestibulum augue tellus, interdum sit amet odio in, fringilla vulputate orci. Etiam facilisis vulputate lobortis.

In volutpat quis erat ut posuere. Etiam sed purus at lacus iaculis sodales. Proin convallis posuere leo, ac gravida dolor vehicula a. Aenean tincidunt dolor odio, a mattis quam laoreet vel.

Mauris dapibus sollicitudin ipsum, nec dictum erat hendrerit at. Praesent nec dictum magna. Nulla ac ultrices enim. Morbi sit amet volutpat neque.

Buttons

  • Basic Buttons
  • Secondary Nav
  • Social

Basic Button

Basic Button Icon Button Ghost Button
Basic Button Icon Button Ghost Button

Secondary Nav

  • Option One
  • Option Two
  • Option Three
  • Option Four
  • Option Five

Social Icons

Forms

Icons

*Click to download any icon

Web Elements

  • Page Title
  • Slider
  • Icon Card
  • CTA Card
  • Flip Card
  • Event Preview
  • Job Preview

Page Title

Support something greater.

YOUR DONATIONS OF MONEY AND DONATIONS OF GENTLY USED ITEMS TRULY HELP OUT THOSE IN NEED IN THE DETROIT COMMUNITY.

Donate Now

Slider

Save money, reduce waste, make an impact.

Do you have industrial, manufacturing, construction or demolition waste? Do you want to save money? Are you environmentally conscious? Do you care about Detroit?

Donate Now

Lorem ipsum dolor sit amet

Donec rutrum pellentesque placerat. Morbi lobortis metus quis mauris semper, id lobortis metus placerat. Duis aliquam pharetra turpis non eleifend.

Maecenas aliquam laoreet

Etiam tempus ipsum purus, eu tempor lacus condimentum consequat. Nulla facilisi. Vestibulum maximus risus non hendrerit consequat.

Donate Now

Card Icon

Donations

Learn More

Services for Individuals

Learn More

Donations

Learn More

Donations

Learn More

Card CTA

Goodwill Automotive

Goodwill Greenworks

Goodwill
Automotive

Card Flip

I am a returning citizen

This is the back

Phasellus sit amet varius nisi, eget tempus dui. Aenean laoreet enim ut tellus ultricies, rutrum aliquet lacus luctus. Ut in condimentum orci, congue eleifend tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Learn More

I am a returning citizen

This is the back

Phasellus sit amet varius nisi, eget tempus dui. Aenean laoreet enim ut tellus ultricies, rutrum aliquet lacus luctus. Ut in condimentum orci, congue eleifend tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Learn More

I am a returning citizen

This is the back

Phasellus sit amet varius nisi, eget tempus dui. Aenean laoreet enim ut tellus ultricies, rutrum aliquet lacus luctus. Ut in condimentum orci, congue eleifend tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Learn More

Event Preview

March 09 2017

Reserve Now

Harmonies & Hope 2017 - Vanessa Williams

“Harmonies & Hope” is a celebration of Detroit’s musical past and present, and an opportunity to raise funds in support of its bright economic future. This event brings together members of the Detroit community, and beyond, for a night of “good-will” and great music. Most importantly, this event helps put the people of Metro Detroit back to work.

MotorCity Casino Hotel, 2901 Grand River Ave, Detroit, MI 48201

Job Preview

Program Coordinator STEM

Under supervision of DIrector, responisble for coordination of STEM program services implementation to achieve grant outcomes for trainees enrolled…

Detroit, MI
Mid-level, Short Term
APPLY FOR THIS

Vice President of Information Technology (IT) and Infrastructure

Under supervision of DIrector, responisble for coordination of STEM program services implementation to achieve grant outcomes for trainees enrolled…

Detroit, MI
Mid-level, Short Term
APPLY FOR THIS

Goodwill Integrated Solutions

Primary Logo

B/W Logo

GIS Branding Guidelines PDF

Download


Goodwill Green Works

Primary Logo

Transparent Logo

Hir-Res JPG Logo




©Copyright 2023 Goodwill. All Rights Reserved.