Personalizá tu sitio
Cargá tu marca. Nada se aplica hasta que confirmes.
1 · Logos
2 · Colores
3 · Tipografía
4 · Revisar
{{-- PANEL 1: LOGOS --}}
{{-- PANEL 2: COLORS --}}
{{-- PANEL 3: FONTS --}}
{{-- PANEL 4: REVIEW --}}
Subí tus logos
Opcional — si no subís nada, usamos los defaults del producto. El logo cuadrado se usa para generar favicon y og-image.
@php // Mapea slot del wizard a key de site.assets para leer el default del producto $slotToAssetKey = [ 'main' => 'main_logo', 'alternative' => 'footer_logo', 'logo_2' => 'loader_logo', ]; $logoSlots = [ 'main' => ['Principal','Para el header','Horizontal'], 'alternative' => ['Alternativo','Para el footer','Sobre fondo oscuro'], 'logo_2' => ['Cuadrado','Favicon + og-image','Idealmente cuadrado'], ]; @endphp
@foreach($logoSlots as $slot => [$label, $hint, $detail])
@php
$draftUrl = $draft['logos'][$slot] ?? null;
$defaultUrl = site_asset_url($slotToAssetKey[$slot]);
$hasDraft = !empty($draftUrl);
@endphp
@endforeach
Default del producto
{{-- Preview del logo subido al draft (se muestra cuando has-file) --}}
{{-- Logo default del producto — referencia siempre visible a menos que se suba uno nuevo --}}
@if($defaultUrl)
@endif
{{ $label }}
{{ $hint }} — {{ $detail }}
Paleta de marca
6 colores HEX. Lo que toques acá se refleja en el preview de abajo en tiempo real.
@if(config('cd-system.theme.demo') === 'demo-business-consulting')
Business Consulting: este demo usa fuentes hardcoded por diseño. Tus tipografías se guardan pero no se verán reflejadas.
@endif
@php
$colorLabels = [
'primary' => ['Primario', 'Botones, links, acentos'],
'secondary' => ['Secundario', 'Header/footer, cards'],
'tertiary' => ['Terciario', 'Fondos suaves'],
'quaternary' => ['Cuaternario', 'Subtextos, detalles'],
'dark' => ['Oscuro', 'Texto principal'],
'light' => ['Claro', 'Fondo principal'],
];
$palettes = brand_kit_palette_options();
@endphp
@if(!empty($palettes))
Paletas sugeridas
@foreach($palettes as $i => $p)
@endforeach
{{ $p['name'] }}
{{ $p['description'] }}
O ajustá color por color
@endif
@foreach($colorLabels as $key => [$label, $hint])
@endforeach
Tipografía
Elegí un combo curado o armá el tuyo.
@php $googleFonts = [ '', 'Poppins', 'Lora', 'Inter', 'Lexend', 'Open Sans', 'Roboto', 'Montserrat', 'Playfair Display', 'Merriweather', 'Work Sans', 'DM Sans', 'Raleway', 'Nunito', 'Source Sans 3', 'Oswald', 'Rubik', 'Archivo', 'Plus Jakarta Sans', 'Space Grotesk', 'Lato', ]; $fontSlots = [ 'primary' => ['Primaria', 'Títulos principales y navegación'], 'secondary' => ['Secundaria', 'Subtítulos y acentos'], 'tertiary' => ['Terciaria', 'Texto de cuerpo'], ]; $pairings = brand_kit_font_pairings(); @endphpPairings curados
@foreach($pairings as $i => $pr)
@endforeach
{{-- Carga Google Fonts para renderizar los samples de los pairings --}}
{{ $pr['name'] }}
Tu marca
{{ $pr['fonts']['primary'] }} + {{ $pr['fonts']['secondary'] }}
{{ $pr['description'] }}
Custom
Elegí cada fuente por separado
Elegí cada fuente por separado
@foreach($fontSlots as $slot => [$label, $hint])
@endforeach
{{ $hint }}
Listo para aplicar
Confirmá y aplicamos todo en tu sitio. Nada se persiste en producción hasta que toques "Aplicar".
Al aplicar: persistimos logos/colores/fuentes, generamos favicons desde tu logo cuadrado, refrescamos cachés y te llevamos al home.
Preview en tiempo real
{{-- Mock header con logo principal + nav + CTA --}}
{{ config('site.name') ?: 'Tu sitio' }}
{{-- Mock hero --}}
Servicios
Nosotros
Contacto
Consulta gratis
{{ config('site.name') ?: 'Tu sitio' }}
Así se ve tu marca en vivo
Primaria · Títulos / nav
The quick brown fox
—
Secundaria · Subtítulos
Jumps over the lazy dog
—
Terciaria · Cuerpo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod.
—