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: Color Palette Templates: 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 background but not colored. Never style roads with amber, blue, or other hues — reserve color for app data layers (routes, markers). Colored base roads and colored data layers will compete visually. Local roads that blend into the background ( #1e1e1e on #1a1a1a ) create a "floating labels" problem where street names appear with no visible road beneath them. High Contrast (Accessibility): Vintage/Retro: Font Selection: Text Sizing: Label Placement: 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.