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.
Two-Color (Default)
Use on standalone placement with white background - i.e. document headers.
Purple
Use on white backgrounds where there are other design elements and the green/purple would be too distracting - on a slide footer, for example.
Grayscale
Use for black and white printed assets only.
White
Use on dark backgrounds.
Colors
Materialize Colors are
Purple
Materialize brand purple is used in the following variations:
Accent Purple Logo Purple Dark Purple#7F4EFF
#472F85
#1B164C
Green
Materialize brand green is used in the following variations:
Accent Green Logo Green#13D461
#5ae191
Gradients
Materialize uses the following gradients in brand material:
Primary Gradient Secondary Gradient
Footer
Developer
Join the Materialize Community
Join hundreds of other Materialize users and connect directly with our engineers.
Join the Community© 2023 Materialize, Inc. Terms of Service