These are the design resources shared across the Maputnik editor
To install
npm install maputnik/design
All of the assets are npm installable, from there you can reference them from the node_modules directory.
The logo comes in three different versions, please don't change the colors if you use it outside of Maputnik.
You can use a logo in the following way
<img src="node_modules/maputnik-design/logos/logo-{type}.{format}" />Where {format} is either svg or png and {type} is one of
| Type | |
|---|---|
| Color | ![]() |
| Black | ![]() |
| White | ![]() |
Note: The white version has a transparent background but is on a black background above so you can see it.
Including logos/base.svg in a page will give you full access to all the elements to style as you like, including animation. See ./logos/logo-animated.svg for an example
The logos are also hosted at
<img src="http://maputnik.github.io/design/logos/logo-{type}.{format}" />The source logos live in ./src/logos, to build the logos in ./logos run the following script
./scripts/build


