mapbox-cartography

This skill provides expert cartographic knowledge to help you design effective, beautiful, and functional maps using Mapbox. Maps must guide the viewer's attention to what matters most: Implementation: Color Harmony: Color Psychology: Accessibility: Font Selection: Text Sizing: Label Placement: Know Your Audience: Use Case Optimization: Platform Considerations: Layer Ordering (bottom to top): Common mistake: Developers often put their app's route line or active markers below POI symbols, reasoning that "POIs must stay visible." This is backwards — user-generated content (your route, selected location, user position) is the most important layer and must render above everything, including POIs. A route line that covers a POI icon is acceptable; a route obscured by POI icons is not. Zoom 0-4 (World to Continent): Zoom 5-8 (Country to State): Zoom 9-11 (Metro Area): Zoom 12-15 (Neighborhood): Note: Mapbox's hosted Streets style defaults to showing most POIs around zoom 14. For custom styles, start POIs at zoom 12 — this is the neighborhood scale where density is manageable and users are browsing. Zoom 14 is late; zoom 10 (metro-area scale) is far too early and creates severe icon clutter. Zoom 16-22 (Street Level): Light Theme (Day/Professional): Dark Theme (Night Mode): Road color rule for dark themes: Roads must use neutral dark gray ( #3a3a3a ), visibly distinct from the...