feat: Add SkyView logo, favicon, and branding assets #39

Merged

olemd merged 2 commits from feature/logo-and-branding-issue-38 into main

2025-09-01 17:43:45 +02:00

olemd commented

2025-09-01 17:43:16 +02:00

Owner

Summary

Adds comprehensive branding assets to SkyView including logo, favicon, and app icons with aviation-themed radar design.

Changes Made

✅ SVG Logo: Animated radar design with aircraft blips and sweep animation
✅ Multi-size Favicons: 16x16, 32x32, 48x48 optimized for different displays
✅ App Icon: High-resolution 512x512 for mobile/desktop use
✅ Header Integration: Updated layout with logo and improved styling
✅ Text Visibility Fix: Added outlines and bright colors for dark backgrounds

Technical Details

All assets use scalable SVG format for crisp display at any size
Aviation theme with cyan/blue radar color scheme matching app design
Animated elements include radar sweep and blinking aircraft indicators
Proper favicon links with size specifications and mobile meta tags
Enhanced CSS styling for responsive header layout

Visual Features

🎯 Animated radar sweep and aircraft tracking theme
📱 Mobile-optimized with theme color and app icon support
🎨 Professional aviation aesthetic consistent with app purpose
⚡ Smooth animations and visual effects

Files Added/Modified

assets/static/images/skyview-logo.svg - Main animated logo
assets/static/images/favicon-*.svg - Multi-size favicon set
assets/static/images/skyview-app-icon.svg - High-res app icon
assets/static/index.html - Updated favicon links and header
assets/static/css/style.css - New branding styles

Resolves #38

🤖 Generated with Claude Code

## Summary Adds comprehensive branding assets to SkyView including logo, favicon, and app icons with aviation-themed radar design. ## Changes Made - ✅ **SVG Logo**: Animated radar design with aircraft blips and sweep animation - ✅ **Multi-size Favicons**: 16x16, 32x32, 48x48 optimized for different displays - ✅ **App Icon**: High-resolution 512x512 for mobile/desktop use - ✅ **Header Integration**: Updated layout with logo and improved styling - ✅ **Text Visibility Fix**: Added outlines and bright colors for dark backgrounds ## Technical Details - All assets use scalable SVG format for crisp display at any size - Aviation theme with cyan/blue radar color scheme matching app design - Animated elements include radar sweep and blinking aircraft indicators - Proper favicon links with size specifications and mobile meta tags - Enhanced CSS styling for responsive header layout ## Visual Features - 🎯 Animated radar sweep and aircraft tracking theme - 📱 Mobile-optimized with theme color and app icon support - 🎨 Professional aviation aesthetic consistent with app purpose - ⚡ Smooth animations and visual effects ## Files Added/Modified - `assets/static/images/skyview-logo.svg` - Main animated logo - `assets/static/images/favicon-*.svg` - Multi-size favicon set - `assets/static/images/skyview-app-icon.svg` - High-res app icon - `assets/static/index.html` - Updated favicon links and header - `assets/static/css/style.css` - New branding styles Resolves #38 🤖 Generated with [Claude Code](https://claude.ai/code)

olemd added 2 commits

2025-09-01 17:43:16 +02:00

feat: Add SkyView logo, favicon, and branding assets - resolves #38 49f584016e

Created comprehensive branding package for SkyView including:

Assets Created:
- SVG logo with animated radar theme for header
- Multi-size favicon set (16px, 32px, 48px)
- High-resolution app icon (512x512) for mobile/desktop
- Aviation-themed radar design with animated aircraft blips

UI Updates:
- Updated HTML with proper favicon links and theme color
- Enhanced header layout to include logo alongside version info
- Added responsive CSS styling for new branding elements
- Logo features animated radar sweep and aircraft tracking theme

Technical Details:
- All assets use SVG format for scalability and crisp display
- Radar theme with cyan/blue color scheme matching app design
- Logo includes animated elements (radar sweep, blinking aircraft)
- Favicons optimized for different display sizes
- Added proper meta tags for mobile app integration

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

fix: Improve logo text visibility with outlines and brighter colors 5f0892f652

Enhanced the SkyView logo text visibility against dark backgrounds:

- Changed text gradient from dark gray to bright white/light gray
- Added dark stroke outlines (3px) around text for better contrast
- Used stroke-linejoin="round" for smoother outline appearance
- Text now has white fill with dark outline for maximum visibility

This ensures the logo text is clearly readable on both light and dark
backgrounds commonly used in web applications.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>