{"id":2,"date":"2016-08-23T21:41:58","date_gmt":"2016-08-23T21:41:58","guid":{"rendered":"http:\/\/wpengine.com6\/?page_id=2"},"modified":"2025-06-26T14:34:14","modified_gmt":"2025-06-26T12:34:14","slug":"designguide","status":"publish","type":"page","link":"https:\/\/oxfam.dk\/en\/designguide\/","title":{"rendered":"Designguide"},"content":{"rendered":"\n

Oxfam brand assets<\/h1>\n\n\n\n
\n
\n
\n

01 Colors<\/h2>\n\n\n\n

Primary <\/p>\n<\/div>\n\n\n\n

\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#44841a
Green<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#336114
Dark Green<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#000000
Black<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#eaeade
Beige<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#ffffff
White<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#fbc43a
Orange Yellow<\/p>\n<\/div>\n\n\n\n

\n
<\/path><\/svg><\/div><\/div>\n\n\n\n

#da0146
Red<\/p>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n
\n
\n

02 Fonts<\/strong><\/h2>\n<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

AaBbCc<\/strong><\/p>\n\n\n\n

0123456789<\/p>\n<\/div>\n\n\n\n

\n

Oxfam TStar Pro<\/p>\n\n\n\n

Logo font<\/h3>\n\n\n\n

The primary typeface in the Oxfam Club logo is Oxfam T-Star Pro, and is a privately-licensed typeface that is not widely available, and should only be used in the logo.<\/p>\n\n\n\n

\n
A button for you all<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n
\n
\n

Ending Poverty. Fighting Inequality. Together.<\/mark><\/h2>\n\n\n\n

Ending Poverty. Fighting Inequality. Together.<\/mark><\/h2>\n\n\n\n

Ending Poverty. Fighting Inequality. Together.<\/mark><\/h2>\n\n\n\n
\n

Oxfam is a global organization working to end the injustice of poverty and inequality by focusing on women\u2019s rights. That\u2019s why at Oxfam Denmark, we work in three critical areas:<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Humanitarian Response<\/h3>\n\n\n\n

We provide emergency aid when disaster strikes or conflict breaks out.<\/p>\n<\/div>\n\n\n\n

\n

Long-Term Development<\/h3>\n\n\n\n

We support projects that help people assert their rights and build better lives.<\/p>\n<\/div>\n\n\n\n

\n

Advocacy & Campaigning<\/h3>\n\n\n\n

We work to change the laws and practices that perpetuate inequality and keep people trapped in poverty.<\/p>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n

Icons from Italy<\/h2>\n\n\n\n
\n
<\/path><\/path><\/g><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/g><\/path><\/g><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/line><\/g><\/g><\/g><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/line><\/g><\/g><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Icons from Denmark<\/h2>\n\n\n\n
\n
<\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/svg><\/div><\/div>\n\n\n\n
<\/path><\/path><\/path><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

This is an example<\/mark> of flow in text with heading 2<\/h2>\n\n\n\n

It has a heading and an introduction before the actual text to show how balance can work with the font. Max width is 910px<\/strong>.<\/h3>\n\n\n\n

This is a heading 3<\/h3>\n\n\n\n

The actual text is more balanced for demonstration purposes and should flow longer for you in order for it to properly convey how long superfluous words may be used for procrastination purposes.<\/p>\n\n\n\n

This is a heading 4 which is even smaller<\/h4>\n\n\n\n

Paragraphs should probalbly be closer to heading 4’s too.<\/p>\n\n\n\n

\n

This is a default quote. This was said by a wise person whom we admire and really appreciate taking their time to share their wisdom with us. We can even inform the reader of their identity by adding their name, or more information<\/p>\nAlma Matter<\/strong>
Oxford University, 2012<\/em><\/cite><\/blockquote>\n\n\n\n

\n

This is an example of a quote with image<\/h2>\n\n\n\n

It uses the wide width of the page which matches the logo and menu on desktops and scales accordingly on other devices. Max width is 1270px<\/strong>.<\/p>\n<\/div>\n\n\n\n