MURAL Web Styleguide

beta

Typography
Headings
Colors
Containers
Quotes
Symbols
Forms
Components
Sweet Text

H1:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

H2:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

H3:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

H4:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Subtitle large:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph large:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph medium:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph small:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Mural Coral Default

ff0066

Mural Coral Dark Accent

57002B

Mural Coral Mid/DarkAccent

A11A4F

Mural Coral Mid/Light Accent

FA75A6

Mural Coral Light Accent

FFE8E8

Orange Defaulit

FF9900

Orange Dark Accent

750D12

Orange Mid/DarkAccent

DE2B00

Orange Mid/Light Accent

FF6E40

Orange Light Accent

FFF2E0

Teal Defaulit

21D6D1

Teal Light Accent

003038

Teal Mid/DarkAccent

006161

Teal Mid/Light Accent

009E99

Teal Light Accent

DBFAFA

Blue Defaulit

0061FF

Blue Light Accent

051242

Blue Mid/DarkAccent

0530AD

Blue Mid/Light Accent

6EA6FF

Blue Light Accent

FF9900

Gray 1

F3F3F3

Gray 2

DCDCDC

Gray 3

BEBEBE

Gray 4

A4A4A4

Gray 5

8C8C8C

Gray 6

6F6F6F

Gray 7

565656

MURAL is the kind of place where you can evolve as a person and grow into who you want to be. I've seen people change roles multiple times and thrive in a way they couldn't imagine.

Laila Von Alvensleben
Head of Culture & Collaboration, MURAL

MEGHAN BYRNES-BORDERAN

Head of Design, Capco Digital

It’s not often we find tools that can operate in the highly regulated environments in which we work. MURAL has allowed our teams to seamlessly collaborate with our clients and engage with them in a whole new way.

capco case study

PHIL GILBERT

Head of IBM Design

MURAL has been critical in deploying IBM Design Thinking across the whole company. We now have people in more than 50 countries collaborating daily.

IBM case study

JEREMY BRADY

Creative Director, GitHub

MURAL is the tool that fuels our remote design studios at GitHub. Design studios enable us to rally around a shared understanding of the customer challenge and proposed solution so we can move forward with confidence together. We couldn’t do that without MURAL.

github case study

MARYANA HORDEYCHUK

Senior Designer, Capco Digital

We don't think it would be possible to do it any other way, other than in MURAL.

capco case study

ERIK FLOWERS

Principal Designer, Intuit

Moving to MURAL, it went from impossible to possible. It was like an infinite increase in productivity.

intuit case study

ALAIN TOLENTINO

VP & Head of Design/UX, E*TRADE

MURAL has been a great tool to help us enhance our speed and efficiency.

E*TRADE case study

Congratulations!

You're on your way to being a master at visual collaboration! 🎏
Oops! Something went wrong while submitting the form.
Privacy Shield FrameworkAICPA SOC 2EDPOCloud Security Alliance
GDPR ReadyQualysSqreenMcAfee Enterprise Ready

Proud to be a 2020 G2 award-winner

Leader Summer 2020High Performer Enterprise Summer 2020Momentum Leader Summer 2020Users Love UsBest Support Summer 2020Best Relationship Summer 2020Users Love Us
This is some right-aligned text
This is some centered text
This text
opens the cookie manager
This is some
blue, bold text
This is some
monospaced text
This is some
monospaced, bold text
Nulla facilisi. Etiam id est quis felis ornare egestas in eu nibh. Vivamus scelerisque mauris eros. Cras tempor vehicula ligula eu feugiat. Sed laoreet mi id purus tempor, at porta mauris placerat. Praesent mauris velit, ornare id suscipit at, tempor non tellus.