Your saved places, finally organized.
mapy.basem.ai — April 2026
01 / Color Palette
Drawn from satellite imagery, topographic maps, and golden-hour light. Ocean blues ground the interface, terrain greens signal success, and sunset amber marks the places that matter most.
The foundation. Used for interactive elements, navigation, and primary actions.
Growth, success, and nature. Used for confirmation states, labels, and organic accents.
Warmth and attention. Used for starred places, important markers, and calls to action.
Warm neutrals tinted toward the earth. Text, borders, backgrounds, and structural elements.
02 / Typography
Bricolage Grotesque brings character and warmth to headings. DM Sans provides clarity and comfort for body text. JetBrains Mono handles data, coordinates, and code.
Every place
tells a story
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · !@#$%&*()
Mapy helps you take control of the hundreds of places you've saved across Google Maps. Browse your entire collection, add labels, organize by category, fix names and notes, and export clean lists for sharing or backup. No more scrolling endlessly through a flat, unsearchable list.
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz · 0123456789
24.7136° N, 46.6753° E — Riyadh
export-2026-04-09.json · 847 places · 12 lists
GET /api/v1/places?label=restaurant&starred=true
03 / Logo Usage
The Mapy logotype is set in Bricolage Grotesque Extra Bold. The amber dot inside the "a" represents a map pin — the core metaphor of placing yourself on the map. It is the only embellishment; the rest is restraint.
Maintain a minimum clear space equal to the height of the letter "M" on all sides.
Never render the logotype smaller than 18px for digital or 12pt for print. The pin dot must remain visible.
48px — Hero
32px — Navigation
22px — Compact
18px — Minimum
04 / UI Components
A preview of the interactive elements that form the Mapy interface. Each component uses the brand tokens for consistent look and feel.
1 Ferry Building, San Francisco, CA
600 Guerrero St, San Francisco, CA
Fort Point, San Francisco, CA
05 / Iconography
Icons use a 24px grid with 1.5px or 2px rounded strokes. They're outlined by default, filled when active. Corners are rounded to match the friendly tone of the product.
06 / Tone of Voice
Mapy is a helpful companion, not a corporate product. It speaks like a smart friend who genuinely wants to help you organize your places.
Users come to get things done. Every label, button, and message should communicate instantly without requiring interpretation.
Example
"Your geospatial assets await curation"
"You have 847 saved places. Let's organize them."
Celebrate progress without guilt-tripping inaction. Suggest improvements without making current state feel broken.
Example
"Warning: 312 places have no labels!"
"312 places could use a label. Start with your starred ones?"
Use concrete language tied to maps and places. Reference the real world. Avoid abstract tech jargon or empty marketing speak.
Example
"Data successfully synchronized to cloud"
"All caught up. Your places are backed up and safe."
Keep messages short. Respect the user's time and screen space. Every word must earn its place, just like every pin on a map.
Example
"The export of your selected places has been completed successfully and the file is ready for download"
"Exported 42 places. Download ready."
07 / App Preview
A sidebar-and-map layout that puts your places front and center. Browse on the left, explore on the right.
Dashboard layout — sidebar for browsing, map for context. Responsive on all screen sizes.