... | ... | @@ -40,12 +40,12 @@ Where |
|
|
|
|
|
### Advanced
|
|
|
|
|
|
##### Proportions
|
|
|
#### Proportions
|
|
|
|
|
|
![style_logos_product_grid_shapes_vert_rectangle](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/04e86f2f60dd3b29b9c013af40465b8a/style_logos_product_grid_shapes_vert_rectangle.png)![style_logos_product_grid_shapes_hori_rectangle](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/0755668fec705d1446ee30e82b02db36/style_logos_product_grid_shapes_hori_rectangle.png)![style_logos_product_grid_shapes_square](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/8f763839988c14c083d336841ab13d34/style_logos_product_grid_shapes_square.png)![style_logos_product_grid_shapes_circle](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/f4acad231a240b1122684f127c87584f/style_logos_product_grid_shapes_circle.png)
|
|
|
|
|
|
|
|
|
##### The parts of the icon itself are:
|
|
|
#### The parts of the icon itself are:
|
|
|
|
|
|
* Material foreground (see [Material color palette](http://www.google.com/design/spec/style/color.html#color-color-palette))
|
|
|
* Central logo/image
|
... | ... | @@ -53,7 +53,7 @@ Where |
|
|
* Shaded edge ![shadow2](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/46c409f5fa3395d5ad0ecb9cd8c7bd92/shadow2.png)
|
|
|
* Drop shadow ![shadow1](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/a65da00d154218539f88a00e16dd08f4/shadow1.png)
|
|
|
|
|
|
##### Colors (if you use the templates you dont have to worry about this)
|
|
|
#### Colors (if you use the templates you dont have to worry about this)
|
|
|
|
|
|
* Material foregroud - One of the '500' colors of the material palette (differs across templates)
|
|
|
* Central logo - White #FFFFFF
|
... | ... | @@ -61,7 +61,7 @@ Where |
|
|
* Shaded edge - Derived from the first color: Refer to Tint, shade and shadow values
|
|
|
* Drop shadow - Derived from the first color: Refer to Tint, shade and shadow values
|
|
|
|
|
|
###### Tint, shade and shadow values
|
|
|
##### Tint, shade and shadow values
|
|
|
|
|
|
![style_logos_product_lighting_values_cool](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/1f0220305db147e65bcff4b97fc75754/style_logos_product_lighting_values_cool.png)
|
|
|
|
... | ... | @@ -73,7 +73,7 @@ Where |
|
|
|
|
|
![style_logos_product_lighting_values_neutral](https://gitlab.com/xphnx/twelf_cm12_theme/uploads/3d6ff2a76773dd262b51608ca892b594/style_logos_product_lighting_values_neutral.png)
|
|
|
|
|
|
##### Resolutions
|
|
|
#### Resolutions
|
|
|
|
|
|
|RESOLUTION| PX | DPI |
|
|
|
| :-----: |:-------:| :---:|
|
... | ... | @@ -83,7 +83,7 @@ Where |
|
|
| XXHDPI | 144x144 | 480 |
|
|
|
| XXXHDPI | 192x192 | 640 |
|
|
|
|
|
|
##### More info
|
|
|
#### More info
|
|
|
Please read this carefully for a deeper understanding:
|
|
|
|
|
|
* [Colors material design](http://www.google.com/design/spec/style/color.html)
|
... | ... | @@ -92,7 +92,7 @@ Please read this carefully for a deeper understanding: |
|
|
|
|
|
* [Material Design System Icons](http://www.google.com/design/spec/style/icons.html#icons-system-icons)
|
|
|
|
|
|
##### Add Material Color Palette to Inkscape
|
|
|
### Add Material Color Palette to Inkscape
|
|
|
|
|
|
[Material Design Color Palette for Inkscape] (https://github.com/MaTriXy/Material-Design-Color-Palette-for-Inkscape
|
|
|
|
... | ... | |