Files
webshop/shop/lib/constants/branding.ts
DanielS 2b1bb77673
All checks were successful
Staging Build / build (push) Successful in 3m8s
feat(branding): add CASPOS Classic Blue preset
2026-08-27 00:39:07 +02:00

229 lines
5.5 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
export interface BrandingSettings {
companyName: string
logoUrl?: string
developerFooter?: string
street: string
zip: string
city: string
billingStreet: string
billingZip: string
billingCity: string
sameBillingAddress: boolean
colorScheme: string
primaryColor: string
accentColor: string
successColor?: string
warningColor?: string
destructiveColor?: string
bgGlow1?: string
bgGlow2?: string
gradientFrom?: string
gradientTo?: string
cardBorder?: string
textHighlight?: string
buttonBg?: string
ringColor?: string
}
export interface ColorPreset {
id: string
name: string
description: string
primary: string
accent: string
success: string
warning: string
destructive: string
bgGlow1: string
bgGlow2: string
gradientFrom: string
gradientTo: string
cardBorder: string
textHighlight: string
buttonBg: string
ringColor: string
}
export const PRESET_COLOR_SCHEMES: ColorPreset[] = [
{
id: 'alabaster_racing_red',
name: 'Alabaster & Racing Red',
description: 'Sportlich, Dynamisch & High-End',
primary: '#dc2626',
accent: '#f8fafc',
success: '#10b981',
warning: '#f59e0b',
destructive: '#b91c1c',
bgGlow1: '#ef4444',
bgGlow2: '#7f1d1d',
gradientFrom: '#dc2626',
gradientTo: '#991b1b',
cardBorder: 'rgba(220, 38, 38, 0.35)',
textHighlight: '#fca5a5',
buttonBg: '#dc2626',
ringColor: '#ef4444',
},
{
id: 'black_cherry_gold',
name: 'Black Cherry & Gold',
description: 'Luxuriös, Exklusiv & Tief',
primary: '#881337',
accent: '#f59e0b',
success: '#10b981',
warning: '#fbbf24',
destructive: '#be123c',
bgGlow1: '#9f1239',
bgGlow2: '#d97706',
gradientFrom: '#881337',
gradientTo: '#d97706',
cardBorder: 'rgba(245, 158, 11, 0.35)',
textHighlight: '#fde68a',
buttonBg: '#881337',
ringColor: '#f59e0b',
},
{
id: 'coffee_bean_cream',
name: 'Coffee Bean & Cream',
description: 'Warm, Organisch & Elegant',
primary: '#78350f',
accent: '#fde68a',
success: '#059669',
warning: '#d97706',
destructive: '#991b1b',
bgGlow1: '#92400e',
bgGlow2: '#b45309',
gradientFrom: '#78350f',
gradientTo: '#b45309',
cardBorder: 'rgba(253, 230, 138, 0.35)',
textHighlight: '#fef3c7',
buttonBg: '#78350f',
ringColor: '#d97706',
},
{
id: 'modern_blue',
name: 'Modern Blue',
description: 'Klassisch, Vertrauensvoll & Seriös',
primary: '#2563eb',
accent: '#38bdf8',
success: '#10b981',
warning: '#f59e0b',
destructive: '#ef4444',
bgGlow1: '#3b82f6',
bgGlow2: '#1d4ed8',
gradientFrom: '#2563eb',
gradientTo: '#1e40af',
cardBorder: 'rgba(56, 189, 248, 0.35)',
textHighlight: '#93c5fd',
buttonBg: '#2563eb',
ringColor: '#38bdf8',
},
{
id: 'caspos_classic_blue',
name: 'CASPOS Classic Blue',
description: 'Das originale CASPOS-Blau vertraut & clean',
primary: '#3b82f6',
accent: '#60a5fa',
success: '#10b981',
warning: '#f59e0b',
destructive: '#ef4444',
bgGlow1: '#3b82f6',
bgGlow2: '#1d4ed8',
gradientFrom: '#3b82f6',
gradientTo: '#2563eb',
cardBorder: 'rgba(96, 165, 250, 0.35)',
textHighlight: '#bfdbfe',
buttonBg: '#3b82f6',
ringColor: '#60a5fa',
},
{
id: 'emerald_green',
name: 'Emerald Green',
description: 'Frisch, Nachhaltig & Vital',
primary: '#059669',
accent: '#34d399',
success: '#10b981',
warning: '#f59e0b',
destructive: '#e11d48',
bgGlow1: '#10b981',
bgGlow2: '#047857',
gradientFrom: '#059669',
gradientTo: '#065f46',
cardBorder: 'rgba(52, 211, 153, 0.35)',
textHighlight: '#a7f3d0',
buttonBg: '#059669',
ringColor: '#34d399',
},
{
id: 'violet_glow',
name: 'Violet Glow',
description: 'Kreativ, Modern & Futuristisch',
primary: '#7c3aed',
accent: '#c084fc',
success: '#10b981',
warning: '#f59e0b',
destructive: '#be123c',
bgGlow1: '#8b5cf6',
bgGlow2: '#5b21b6',
gradientFrom: '#7c3aed',
gradientTo: '#4c1d95',
cardBorder: 'rgba(192, 132, 252, 0.35)',
textHighlight: '#ddd6fe',
buttonBg: '#7c3aed',
ringColor: '#c084fc',
},
{
id: 'sunset_orange',
name: 'Sunset Orange',
description: 'Dynamisch, Aktiv & Energetisch',
primary: '#ea580c',
accent: '#fb923c',
success: '#10b981',
warning: '#f59e0b',
destructive: '#dc2626',
bgGlow1: '#f97316',
bgGlow2: '#9a3412',
gradientFrom: '#ea580c',
gradientTo: '#9a3412',
cardBorder: 'rgba(251, 146, 60, 0.35)',
textHighlight: '#ffedd5',
buttonBg: '#ea580c',
ringColor: '#fb923c',
},
{
id: 'cyan_neon',
name: 'Cyan Neon',
description: 'Futuristisch, High-Tech & Klar',
primary: '#0891b2',
accent: '#22d3ee',
success: '#10b981',
warning: '#f59e0b',
destructive: '#f43f5e',
bgGlow1: '#06b6d4',
bgGlow2: '#155e75',
gradientFrom: '#0891b2',
gradientTo: '#155e75',
cardBorder: 'rgba(34, 211, 238, 0.35)',
textHighlight: '#cffafe',
buttonBg: '#0891b2',
ringColor: '#22d3ee',
},
{
id: 'midnight_slate',
name: 'Midnight Slate',
description: 'Minimalistisch, Dunkel & Puristisch',
primary: '#475569',
accent: '#cbd5e1',
success: '#10b981',
warning: '#f59e0b',
destructive: '#ef4444',
bgGlow1: '#64748b',
bgGlow2: '#1e293b',
gradientFrom: '#475569',
gradientTo: '#0f172a',
cardBorder: 'rgba(203, 213, 225, 0.35)',
textHighlight: '#f1f5f9',
buttonBg: '#475569',
ringColor: '#cbd5e1',
},
]