Quantcast
Viewing all articles
Browse latest Browse all 2230

Designing the Decimal Map Style

By: Tristen Brown

Decimal is a minimalist map style that works great as a base for data visualizations or as a backdrop for your next game. It’s easy to customize, give it a try.

Image may be NSFW.
Clik here to view.

Behind the design

I designed Decimal to pair nicely with the things around it — like a dashboard using similar dark colors or vibrant animated markers layered over top. It has a 5-step color ramp, ranging from black to green. This creates a subtle distinction between the different features, so that hierarchy among road types, boundaries, and labels is clear yet balanced. We also used the font “Roboto” for a clean, mechanical look. With the current color scheme, it’s reminiscent of a vintage control panel.

Image may be NSFW.
Clik here to view.

Customize Decimal

After adding Decimal to your Studio account, use the colors dialog under Properties to make batch updates to layers sharing the same color. Try changing them to orange or blue, or whatever color you can think of.

Image may be NSFW.
Clik here to view.

Want to toy with our other custom map styles? Standard is a retro-inspired map based on early twentieth century automotive maps. Moonlight combines a minimalist-palette backdrop with a modern type face; it’s great for branding. North Star reinterprets classic nautical maps; it’s perfect for displaying any maritime themed data.

Tristen Brown

Image may be NSFW.
Clik here to view.

Designing the Decimal Map Style was originally published in Points of interest on Medium, where people are continuing the conversation by highlighting and responding to this story.


Viewing all articles
Browse latest Browse all 2230

Trending Articles