Blog

Maps in your colors

You picked your theme and set your colors, fonts and icons so your app looks like you. Then your users open the map and find the one they see everywhere else. Depending on what you do, it is a screen where they spend time, and until now it did not belong to your brand.

PWA Developer

  Updated   5 min read

You might wonder what a map in your colors really changes. Here are three examples, from design consistency to the story you want your app to tell.

So they look like you

GoodBarber PWAs display their interactive maps with one of the two main providers: Google or Mapbox. Both offer advanced styling tools to design base maps that follow your brand. You can now link these styles to your maps, and your app's design stays consistent.

These tools go beyond the color palette. They let you choose what stays visible on the base map, and so what your users will see. In the university campus app above, buildings and libraries stand out and shops are hidden: that is not what students come for. Now picture the app of your store, or of your chain of stores. Hiding the default points of interest means you stop advertising your competitors.

To set the mood

The bolder your app's design, the more a standard map stands out against it. Take a festival app with a very strong identity. With a custom base map, the map becomes part of the experience. It keeps only what matters for the event: the stages and public transport. Here roads and railways turn purple and neon green, in the festival's colors.

The Nuit Sonique app map with a custom style: night background, purple and neon green roads, no shops shown.The same map with the default Google Maps style: supermarkets, stores and other points of interest shown.

The default Google Maps style compared with a custom style

To tell another story

Styling tools go further than colors: they add their own data layers, terrain, routes. These layers then serve as a base for your GoodBarber CMS Map content and your imported KML files. The map becomes editorial content in its own right, with the same tool.

Still from the video: the Haute Route Corse trail on a terrain map styled with Mapbox.

Accept statistics cookies to play this Vimeo video.

For this video, the GPX route was imported into Mapbox Studio, styled, then published in a brand new style. All it took was pasting this style into the map settings of a section. The same style can dress every map of the app, or only a Map widget on the home page.

Is it easy to do?

Yes. You create your style with the provider of your choice: a map ID in the Google Cloud console, or a style URL in Mapbox Studio. Then you paste it in the back office, for the whole app or for a specific Map section, Events section or Map widget. The step-by-step guide is in our help articles: for Google Maps and for Mapbox.

We can't wait to see your maps. And if you don't have a PWA yet to express your creativity, create yours with GoodBarber, the no-code Mobile App Builder.

Keep reading

  4 min read

Your Meta real estate catalog now shows up in your agency's app

The short version. Meta catalog, map and Meta catalog, listings are two extensions of GoodBarber, the no-code app builder, that read an agency's "Home listings" catalog, the XML feed it gives Meta for its real estate ads. Meta catalog, map fills a Map section: each property with a known position becomes a pin with its own page, sorted by distance when the app knows where the user is. Meta catalog, listings fills an Article section with the same properties, newest first. You connect them with the link to your catalog feed. Both are free for Content apps.Agencies build this catalog to reach buyers and tenants where they spend their time. Meta's apps were used by 3.60 billion people a day on average in June 2026, up 3% in a year, according to Meta's second quarter 2026 results published on July 29, 2026. Here is how the two extensions play out for an agency in Hamburg.

  3 min read

Your Givebutter events and campaigns now show up in your app

The short version. Givebutter Events and Givebutter Campaigns are two extensions of GoodBarber, the no-code app builder, that read a nonprofit's campaigns on Givebutter. Givebutter Events fills a Calendar section with upcoming events, at their time in the event's time zone, with their location unless you share it with attendees only. Givebutter Campaigns fills an Article section with active forms and fundraising pages, with their cover image and description. You connect them with a Givebutter API key. Both are free for Content apps: each section counts as one of the extensions included in your plan.A lot of giving already goes through Givebutter. On Giving Tuesday 2025, supporters gave $20 million on the platform, up from $16.4 million in 2024, from more than 93,000 donors across 16,000 active campaigns, according to Givebutter's recap published on December 8, 2025. Here is how the two extensions play out for an animal rescue.

  4 min read

Every GoodBarber feature, in plain sight

In Structure, the "Add a section" button opens a window that starts with a question: "What do you want to add?". Below it, the list gathers everything GoodBarber can add to an app, grouped by what each entry does to it: what adds a section, what fills a section from a service you already use, what works in the background without adding a screen, and what enriches a section already in place. Ideas to build with the AI Extension Builder have a group of their own.