🎨 Design System Demo
Entdecken Sie die Designkomponenten und Custom Brand Colors der KEMMLIT Storefront. Erstellt mit Angular, Tailwind CSS und Server-Side Rendering.
Welcome to KEMMLIT Store
Discover amazing products with server-side rendering and modern Angular signals. Built with Tailwind CSS and your custom Kemmlit brand colors.
Server-Side Rendering
Fast initial page loads with Angular SSR for better SEO and performance.
Modern Signals
Reactive state management with Angular signals for optimal performance.
Custom Brand Colors
Beautiful design with your custom Kemmlit color palette integrated into Tailwind.
🎨 KEMMLIT Brand Color Palette
Primary Colors (KEMMLIT Blue)
50#f0f4ff
100#e1eaff
200#c3d6ff
300#a5c1ff
400#87acff
500#5d7eff
600#1e398f
700#1a2f73
800#162457
900#12193b
950#0e0f1f
Secondary Colors (Complementary Orange)
50#fff4f0
100#ffeae1
200#ffd6c3
300#ffc1a5
400#ffac87
500#ff7e5d
600#8f391e
700#732f1a
800#572416
900#3b1912
950#1f0f0e
Component Examples
Buttons
Cards
Primary Card
This is a primary colored card example.
Badges
PrimarySecondarySuccess
🛠️ Technical Stack
- ✓ Angular 20.3.0 with SSR
- ✓ Tailwind CSS v4 (latest)
- ✓ Angular Signals
- ✓ TypeScript Strict Mode
- ✓ Standalone Components
- ✓ Lazy Loading Routes
🎨 Design Features
- 🎯 Custom KEMMLIT Brand Colors
- 📱 Fully Responsive Design
- ♿ Accessibility Focused
- ⚡ Performance Optimized
- 🌐 German Localization
- 🔍 SEO Friendly
🎉 Setup Complete!
✨ Custom KEMMLIT brand colors are now integrated with Tailwind CSS! The storefront is ready for development.