Add creative text-free logo design for Trailmarks.io website

[Copilot]

Created a comprehensive text-free logo design system for the Trailmarks.io website that incorporates all the key brand elements: Wandersteine (hiking stones), hiking trails, GPS tracking, and photography.

Logo Design Features

The new logos are purely visual brand marks without text, combining multiple thematic elements:

• Stone Cairn: Stacked stones in natural earth tones representing Wandersteine (hiking trail markers)
• Trail Path: Curved gradient path from orange to green symbolizing hiking routes
• GPS Location Pin: Orange location marker with white center for GPS tracking functionality
• Camera Icon: Subtle photography element integrated into the logo
• Mountain Silhouette: Background elements suggesting outdoor/hiking context

Implementation

All three logo files now use the complete design with consistent visual elements:

• Main Logo (logo.svg): Full-size version for desktop headers (200×60px)
• Compact Logo (logo-compact.svg): Scaled version for mobile displays (120×40px)
• Favicon (favicon.svg): Scaled version for browser tabs (32×32px)

Each logo includes the complete set of visual elements (mountain silhouette, stone cairn, trail path, GPS pin, and camera icon) appropriately scaled for their respective sizes. The visual elements have been designed at a larger scale within the SVG files for better clarity and impact, while the header component uses responsive CSS classes (h-10 for desktop, h-8 for mobile) to scale appropriately. The logos are implemented as SVG for crisp display at any resolution and maintain the existing site color palette.

Visual Design

The logo uses the established color scheme:

• Trailmark Blue (#3B82F6) for mountains and backgrounds
• Trailmark Stone (#78716C) and Earth (#92400E) for the cairn
• Trailmark Orange (#F59E0B) for the GPS pin and trail start
• Trailmark Green (#10B981) for trail end and camera elements

The design creates a cohesive brand identity that immediately communicates the site's purpose: a platform for sharing and tracking hiking stones with GPS coordinates and photos. By removing text from the logo files and using a consistent complete design across all sizes, the brand marks are more versatile and create a unified visual identity throughout the website.

Fixes #5.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[m4cx]

Text sollte kein Bestandteil des Logos sein.

[Copilot]

I've removed all text elements from the logo files. The logos now contain only the visual brand elements (stone cairn, trail path, GPS pin, and camera icon) without any text. This creates cleaner, more scalable brand marks. Changes implemented in commit 708e669.

[m4cx]

Bitte mach das Logo an sich größer, aber skaliere es in der Verwendung

[Copilot]

I've made all visual elements significantly larger within the SVG files while maintaining the same viewBox dimensions. The stone cairns, trail paths, GPS pins, and camera icons are now much more prominent. The header CSS classes already handle proper scaling for different screen sizes. Changes implemented in commit 708e669.

[m4cx]

Nimm bitte dieses vollständige Logo im Design auch für das logo-compact.svg wie auch das favicon.svg.

[Copilot]

I've applied the complete logo design from logo.svg to both logo-compact.svg and favicon.svg. All three files now use the same visual elements (stone cairn, trail path, GPS pin, camera icon, and mountain background) with appropriate scaling for their respective sizes. Changes implemented in commit b7c1673.