Tour Dash — brand & interface pass
A summary of today's work on Tour Dash — a live, functional opportunity map, plus a full brand and interface pass to take the dashboard off its original no-code template look and onto a deliberate, branded design system.
Live map with real search-radius filtering
The opportunity map on the Find Opportunities page was a static placeholder — no real markers, and the ZIP/radius filter didn't actually do anything. It's now a fully working Mapbox map: opportunities plot as real markers with popups, and searching a ZIP code geocodes it, draws the search radius, and filters the list to what's actually inside it.
- Static CSS placeholder replaced with a real Mapbox GL map
- Opportunities render as live, clickable markers with popups instead of a flat list only
- ZIP code search now actually geocodes and draws a search-radius overlay on the map
- Opportunity list filters to real distance from the searched location, not mock data
A real logo, in place of the placeholder
Tour Dash was launching with a temporary placeholder mark — a black square with the letter "T." We generated and hand-vectorized a proper logomark and applied it everywhere the brand shows up: the sidebar, the sign-in screen, and the browser tab icon (favicon).
The mark is built as a single vector so it stays crisp at any size and automatically adapts to light or dark mode — no separate light/dark logo files to maintain.
It replaces the old placeholder square across every screen, the sign-in page, and the icon shown in the browser tab.
Sidebar redesign
The navigation was structurally identical to the default template every no-code AI builder produces — same boxed logo, same filled highlight on the active page. We rebuilt it to match a more deliberate, premium software aesthetic (in the style of tools like Linear and Ramp) rather than the generic scaffold.
- Removed the boxed placeholder logo for the real logomark
- Added a subtle section label above the menu, matching how premium SaaS products organize navigation
- Replaced the generic full-highlight active state with a slim accent indicator — cleaner and more distinctive
- Tightened icon weight and spacing throughout for a more precise, less templated feel
Removed leftover build-tool branding
The app was originally scaffolded with a no-code tool (Lovable), which leaves its own branding behind by default — its favicon, its social-share preview image, and an "author: Lovable" tag in the page metadata. All of that has been removed and replaced with Tour Dash's own identity.
A branded first impression
The sign-in screen is the very first thing a new user sees, and it still carried the same placeholder logo and generic centered-card layout as the rest of the template. It's now consistent with the rest of the product: real branding, a themed backdrop, and a clearer, larger "use demo credentials" option for reviewers.
