> ## Content Index
> Fetch the complete content index at: https://www.artisancraft.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Episode 6 — Branding, UI & the badge system
- URL: https://www.artisancraft.dev/episode-6-branding-ui-the-badge-system/
- Published: 2026-01-13T05:00:56.000Z
- Updated: 2026-02-16T22:32:13.000Z
- Description: Episode 6 covers dotmap’s visual philosophy — minimal, calm and professional — and the meaning behind the Explorer, Pathfinder and Navigator badges.
- Author: Daniel Plomp
- Tags: design, branding, uiux, saas, buildinpublic

dotmap wasn’t designed to look like another social platform.  
It needed to feel:

- clean
- calm
- professional
- approachable

The branding grew out of a simple idea: **clarity helps people stand out**.

---

## A minimal, spacious interface

The UI avoids visual noise:

- neutral colors
- soft spacing
- minimal chrome
- clear typography
- intuitive hierarchy

Profiles take center stage.  
The map remains the anchor.  
Everything else supports the content, not the other way around.

---

## Icons that feel grounded and directional

To reinforce the idea of exploration, dotmap uses iconography inspired by:

- navigation
- mapping
- direction
- movement

This led to the three badge identities:

- **Explorer** — your starting point on the map
- **Pathfinder** — you chart your direction
- **Navigator** — you see the broader landscape

These badges aren’t meant to gamify the platform — they provide clarity about subscription tiers while reinforcing the map-based metaphor.

---

## A professional, uniform look

Badges, markers, cards and overlays share:

- consistent stroke widths
- clean geometric shapes
- subtle mint accents
- a single visual language

This consistency helps dotmap feel trustworthy and intentional.

---

## Next episode

Episode 7 looks at the challenges behind discovery platforms and how dotmap approaches them differently.

## All episodes

- [Episode 0 - Building dotmap](https://www.artisancraft.dev/building-dotmap-episode-0/)
- [Episode 1 - Why I started building dotmap](https://www.artisancraft.dev/episode-1-why-i-started-building-dotmap/)
- [Episode 2 — Designing the concept](https://www.artisancraft.dev/episode-2-designing-a-straight-line-ux/)
- [Episode 3 — A map-first way to explore tech](https://www.artisancraft.dev/episode-3-a-map-first-way-to-explore-tech/)
- [Episode 4 — Building the MVP](https://www.artisancraft.dev/episode-4-building-the-mvp/)
- [Episode 5 — Why multi-stack matters](https://www.artisancraft.dev/episode-5-why-multi-stack-matters/)

[![CTA Image](https://storage.ghost.io/c/8f/6e/8f6ec642-540e-4f85-ac9b-beb628cb9cfd/content/images/2025/10/symbol-2.png)](https://www.artisancraft.dev/consulting-services/) 

I offer hands-on consulting to help you resolve technical challenges and improve your CMS implementations.

Get in touch if you'd like support diagnosing or upgrading your setup with confidence.

[Learn more ](https://www.artisancraft.dev/consulting-services/)