I am making a logo for my site. The site generator, Material for MkDocs, uses Material Design v1, so I want to use this design for consistency.

The idea of the logo is a cube, representing objects (think of object icon in object-oriented programing). If it can contain a sphere inside then it even illustrates the idea better. Here is my try:

enter image description here

To see if it good or not, I try setting up a social cards. Although the colors are compliment with each other, I feel that the logo still isn't fitted.

enter image description here

SVG file

I hope that you can help me find better adjectives.

Reading the documentation I think that while material design emphasizes on depth, the depth isn't really designed for a true full dimension: you don't really have more than 3 layers stacking on each other. So if material design is not a good choice for the logo, I wonder what style can go along with it?

Follow up: Is it fine to design logo without any consideration with the design of UI?

  • 4
    Material Design is for creating user interfaces, not designing logos. Its concept of dimension is more of stacked paper sheets, not fully 3D objects.
    – Luciano
    May 5, 2023 at 16:14
  • I see. So what logo styles I should follow, which will go well with Material Design?
    – Ooker
    May 5, 2023 at 16:48
  • 1
    You can use any kind or style of logo you want. Material design really has nothing to do with logos, or how logos should be designed.
    – Billy Kerr
    May 5, 2023 at 17:40
  • Consider trying more flat colors (less shading). It also doesn't really have wireframe-looking things so maybe increase the width of the cube lines. Consider using the material design palette (or something that approximates it). I also believe material design would recommend white text on this sort of teal background May 5, 2023 at 18:52
  • 1
    The sheer nature of 3D means it is in direct opposition to "Material Design" concepts. --- But there is no rule that one must use the "Material Design" concepts for any logotype.
    – Scott
    May 5, 2023 at 20:17

1 Answer 1


As said in the comments.

Material design https://m3.material.io/ is a system to create User Interfaces, not Graphic Identity.

It has some guidelines that can be considered 3 dimensional, but only for interaction, a button is considered "pushable" in real life, so, the proposal there is to have it simulated using a shadow.

Your question does not really relate to that specific design system. Your question is more about some styles of making a Logo. But in short a logo should "never" be designed as a 3D shape that depends on gradients to work.

Take a look at the concept of icon. https://www.google.com/search?q=icons You can see icons for many objects that obviously are 3D in real life, but they are "abstracted" to work as a 2D image, most of them only 1 color.

A good logo can work even in only 1 color, black, or a negative version in white with a dark background. So you need to think a logo as it should be. a clear 2D shape or image.

Just for fun. (Do not consider this as a logo) Here is a redrawing of your image in a flat style to illustrate what I mean regarding a 1 color logo.

enter image description here

Of course you can play with 2 colors or more, but the image do not depends on the gradient to work.

  • That's cool. Thanks. Why shouldn't that be used as a logo?
    – Ooker
    May 7, 2023 at 17:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.