Media Kit

DNL WeCare
Style Guide

Welcome to our hub for partner guidelines and assets. We want to make it easy for you to integrate DNL WeCare, while respecting our brand identity.

Browse LogosColor Palette

Our Logos

The DNL We Care logo is the flag of our brand system. We designed the logo to make a statement on its own and work well with our product and partner logos.

Download All Assets
Full Logo (Standard)

Full Logo (Standard)

SVG
Available in high-resolution for web and print.
Download SVG
Logomark (Icon)

Logomark (Icon)

PNG
Available in high-resolution for web and print.
Download PNG
Logo (Dark Background)

Logo (Dark Background)

PNG
Available in high-resolution for web and print.
Download PNG

Color Palette

The DNL We Care Design color system can help you stay true to a color theme that reflects our brand and style. We use color in meaningful ways in all expressions of our brand.

Primary

Our primary palette uses bright colors to bring a boldness to our brand and is used in logical ways throughout product and marketing to guide the eye and highlight the important parts. We pepper colorful, lighter, secondary palette colors throughout to soften the experience and impart confidence and optimism.

#181f36

Navy

Primary brand color. Used for main typography, outlines, dark backgrounds, and sidebars.
#57b8d9

Teal

Primary action color. Used for data text, numbers, graphs, icons, and primary CTAs.
#5bd9a4

Green

Success states. Used as an accent, on icons, logo highlights, and checkmarks.
#eaeaea

Grey Light

Foundation color. Used for main application and section backgrounds.

Secondary

Our secondary palette contains a variety of colors to keep things fresh and interesting. We lean on these colors more frequently when brand awareness is high, or on our own properties where we control the surrounding environment. When used in conjunction with our primary palette, these colors makes every moment feel on-brand.

#57b8d9

Teal CTA

Used for secondary buttons, warning messages, and secondary calls to action.
#f09c60

Orange

Warm highlights. Used for application backgrounds and seasonal accents.
#d65b5b

Red

Destructive states. Used for warnings, error messages and field validation labels.

Neutrals

#505f73

Blue 500

Secondary text, icons, and UI borders.
#7c7c88

Grey 500

Muted text, metadata, and neutral dividers.

Typography

Typography is an important part of a design system that brings consistency across experiences and platforms. Good typography rules help present content clearly and efficiently. Matter is our primary typeface.

Download Matter Font
Header One72 / 84

Compassion in Action.

Header Two48 / 56

The quick brown fox jumps.

Body Text18 / 28

DNL We Care is dedicated to empowering local communities through sustainable resources, immediate aid, and collaborative growth initiatives. We believe in the power of collective action to create lasting change.

Type Weights

Matter Light

300

Matter Regular

400

Matter Medium

500

Matter SemiBold

600

Matter Bold

700

Matter Heavy

900

Alphabet

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

Need something specific?

If you need brand assets or design files that aren't listed here, please reach out to our communications team.

Contact Communications