🎨 Handwerksradar Logo System

Modernes, responsives Logo-Design mit verschiedenen Varianten

📱 Haupt-Logos mit Animation

Logo
Original Logo
200×200px | Mit Animation
logo.svg
Logo Light
Light Mode
200×200px | Optimiert für helle Hintergründe
logo-light.svg
Logo Dark
Dark Mode
200×200px | Optimiert für dunkle Hintergründe
logo-dark.svg

🎯 Icon-Only Varianten

Icon Only
Icon Light
100×100px | Für kleine Darstellungen
logo-icon-only.svg
Icon Dark
Icon Dark
100×100px | Dark Mode Version
logo-icon-only-dark.svg

📝 Logo mit Schriftzug

Mit Text
Mit Text (Light)
400×100px | Zweizeilig
logo-with-text.svg
Mit Text Dark
Mit Text (Dark)
400×100px | Dark Mode
logo-with-text-dark.svg

↔️ Horizontale Varianten

Horizontal
Horizontal (Light)
500×80px | Einzeilig | Ideal für Header
logo-horizontal.svg
Horizontal Dark
Horizontal (Dark)
500×80px | Dark Mode
logo-horizontal-dark.svg

🌐 Favicon & App Icons

Favicon
Favicon
32×32px | Browser Tab
favicon.svg
Apple Touch Icon
Apple Touch Icon
180×180px | iOS Home Screen
apple-touch-icon.svg

🎨 Farbpalette

Light Mode

Primär Blau
#3B82F6
Dunkel Blau
#1E40AF
Orange
#F59E0B
Rot
#EF4444
Grün
#10B981

Dark Mode

Primär Blau
#60A5FA
Hell Blau
#3B82F6
Orange
#FBBF24
Rot
#F87171
Grün
#34D399

✨ Logo Features & Highlights