This page provides detail on how to use our logo marks.
Download the files containing both the logomark and logotype versions in different color schemes in your preferred format:
Preferred for print and when logo size needs to be scaled.
Used in web applications where SVGs are not possible.
See below for official Materialize logo variations and the guidance on where each can be used.
Use on standalone placement with white background - i.e. document headers.
Use on white backgrounds where there are other design elements and the green/purple would be too distracting - on a slide footer, for example.
Use for black and white printed assets only.
Use on dark backgrounds.
Materialize Colors are
Materialize brand purple is used in the following variations:
Accent Purple Logo Purple Dark Purple#7F4EFF
#472F85
#1B164C
Materialize brand green is used in the following variations:
Accent Green Logo Green#13D461
#5ae191
Materialize uses the following gradients in brand material:
Primary Gradient Secondary Gradient
Join hundreds of other Materialize users and connect directly with our engineers.
Join the Community© 2023 Materialize, Inc. Terms of Service