Maple

Branding Guidelines

Logos

The Maple logo is known as the "leaf" and it can be presented by itself or in a logomark with typography as well. When using the logo by itself, it is recommended to use either the Cerise-700 color swatch, white, or black. For most cases it is recommended to use the rounded-rectangle background featuring either a static Cerise-700 background, or a subtle 10 degree linear gradient using cerise.

Internal projects and teams may have their own variation of the logomark using one of the provided brand colors below. Most notably, Nursery projects generally feature the logomark with Grass-600 as it's primary color.

When using a logo in design elements it is recommended to use the vector version wherever possible (SVG) as it provides the highest fidelity and resolution. If SVG is not acceptable, than PNG may be chosen using a variation slightly larger than what is needed to insure proper scaling.

Vector SVG

Leaf Isolated
Leaf w/Backdrop
"Smart" Leaf for Darkmode

Transparent PNG

Transparent 2048px Square
Transparent 1024px Square
Transparent 512px Square

Masks

Mask 2048px Square
Mask 1024px Square
Mask 512px Square
Mask 2048px Square
Mask 1024px Square
Mask 512px Square

Color Palette

The Maple color palette is created as an interweaving of Tailwind CSS, and IBM Carbon. The colors are adjusted to fit Maple branding better and so should not be adjusted further.

You can click on any of the swatches listed to automatically copy the hexidecimal color to your clipboard.

Brand Colors

Cerise Cerulean Teal

Status Colors

Positive Warning Negative Info

Neutral Grays

Neutral

Common Colors

All Available Colors

Slate Gray Zinc Neutral Stone Red Orange Amber Yellow Lime Green Emerald Teal Cyan Sky Blue Indigo Violet Purple Fuchsia Pink Rose Azure Cerulean Grass Cerise Amethyst Vermilion Submarine

Email Signature

You can use this handy form to generate an email signature to apply to your workmaple email account. Fill out the information and click the "Copy HTML" button when you are happy with the results. This will add the HTML to your clipboard and you can then paste it into your email or signature editing box.