Customize Mapbox Standard in Studio
summary
Mapbox Standard is customized live in Studio to make a bikeshare map match a brand: colors for green spaces and water are picked to match the app, POI density from 3 to 2 reduces clutter, POI circular backgrounds are removed, roads are desaturated by being changed to white, a custom uploaded Nonito font replaces the default, landmark icons and a faded color theme are enabled, the style is published and plugged into a Figma Make prototype where the updated map renders successfully.
AI-written summary · about
chapters (11)
- 0:00Introduction to session
- 1:32What is Mapbox Standard
- 8:17Live demo setup in Studio
- 12:30Customizing colors and roads
- 16:42Adjusting labels and POIs
- 21:00Changing fonts and landmarks
- 23:49Applying color themes
- 26:16Adding custom data
- 27:21Publishing the customized style
- 28:05Integrating style into app
- 31:15Q&A session
related talks
12mDesign, manage, and deploy better Maps with Cloud-based Maps styling
01h 34mBuild a Web Map with Open Source Tools
17mBoosting Map Performance with Mapbox and Flutter
09mCartography Protips: Creating Basemaps for Amazon Location Service
43mBuild a Web Map with Open Source Tools
40mStronger App Architecture Using Maps
15mMaking maps work on mobile
09mThe best of both worlds: designing an international American map