Brand Guidelines
This page provides detail on how to use our logo marks.
Logo Collections
Download the files containing both the logomark and logotype versions in different color schemes in your preferred format:
SVG
Preferred for print and when logo size needs to be scaled.
PNG
Used in web applications where SVGs are not possible.
Logo Variants
See below for official Materialize logo variations and the guidance on where each can be used.
Purple (Light BG Default)
Use on white backgrounds where there are other design elements and the green/purple would be too distracting - on a slide footer, for example.
White (Dark BG Default)
Use on dark backgrounds.
Grayscale
Use for black and white printed assets only.
Materialize Colors
BG: #100C21
Brand Purple: #7F4EFF
Dark UI Purple: #472F85
Light UI Purple: #EEE8FF
Light UI: #FAFAFD
Accent Orange: #ED7272
Accent Pink: #CB3F9F