https://mural.co/assets/

Brand Assets & Guidelines

A visual guide to using our basic branding elements

WHAT IS MURAL?

MURAL is a visual workspace to help you design together. Use large, shared canvases to map out different kinds of content and organize thoughts spatially.

The MURAL experience is both playful and productive. Our branding is designed with these values in mind. This document is a visual guide for partners who wish to feature MURAL, so our brand maintains a consistent look and feel, no matter where in the world it is seen.

Logotype

These guidelines are to help you determine the best
way to use the MURAL logo

Logotype To be used in the majority of all cases Mural Glyph To be used in the UI when space is limited Mural Vertical To be used when space is limited Variable To be used infrequently Gif An animation of the logotype
We kindly ask that no edits, modifications, distortions, color changes or reconfigurations are made to the logotype.

Spacing

Mural Mural Mural

Colors

Neon Coral

Pantones 812 C CMYK 0, 96, 36, 0 #ff0065 Textile 16-2126tcx

White

#FFFFFF

Light Grey

CMYK 5, 5, 4, 0 #f5f5f5

Dark Grey

CMYK 80, 76, 86, 37 #393939

BACKGROUND COLORS

Acceptable backgrounds to apply beneath any of the MURAL logotypes

Mural

Light Grey

This is the case that should be used the most frequently

Mural

Dark Grey

When necessary, a dark grey background can be used

Mural

Photograph

In the case that this application is necessary, a transparent black or white filter should be applied to the photo to guarantee legibility

We kindly ask that you do not apply shadows, patterns or complex images as backgrounds for the MURAL logotype.

TYPEFACES

Our corporate font is Proxima Nova. It is aesthetically simple, and appropriate
for either a title or a paragraph. Please use Proxima Nova wherever possible.

Mural

MURAL Handwritten is to be applied most often as a comment or annotation. If used in other situations, it should be used subtly and only when it is necessary to contrast or give meaning to the typography.

Mural

ILLUSTRATIONS

In the case that you need to create illustrations, keep the aesthetic and color scheme consistent with the images below. All images should be cohesive with each other, and understood as part of the same system.

Mural
Mural
Mural Mural
Mural
Mural

IMAGE TREATMENT AND LAYOUT

Lorem ipsum

Mural

The guide below illustrates how to best treat types of images to be used with the MURAL logotype. It also contains instructions for the placement and alignment of other content.

All images should be treated, as much as possible, with opacity. Ideally, images should be grayscale with Neon Coral highlights. The objective should be to achieve the best possible contrast with the superimposed content

Examples:

Mural

Product Images

We have compiled image that can be used in the case that you wish to feature an image of the product itself.

An example of Moodboard, utilizing the Image feature.
A close-up look at proposed UX flow for a productivity application.
A big picture look at proposed UX flow for a productivity application.
An up-close look at a proposed UX flow for a productivity application.
A visual representation of a sign-in flow, with comments in the form of sticky notes
An Experience Map to represent the experience of riding a bike to the supermarket.
An Experience Map to represent the experience of riding a bike to the supermarket, utilizing the Icons feature
Sticky Notes and Images organized by concept using Areas.
Curation of sticky notes and images as inspiration for a project. An Experience Map to represent the experience of riding a bike to the supermarket, utilizing the Icons feature.