{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"brand": {
"name": "scriptLabel",
"version": "1.0 Official",
"year": 2026,
"tagline": "Diseño Web Profesional, E-commerce y Soluciones Digitales",
"descriptor": "DISEÑO Y DESARROLLO WEB",
"concept": "Ingeniería de software con estética de alta costura. Fusión de código limpio ('script') con identidad y diseño de conversión ('Label').",
"official_mode_priority": "MODO CLARO (Primary / Default). El Modo Oscuro es secundario y adaptativo."
},
"stencil_rule": {
"description": "Los corchetes < > del logo oficial adoptan siempre el color del fondo para generar efecto calado/stencil bidimensional.",
"light_mode": {
"background": "#FFFFFF",
"tag_body": "#090D16",
"brackets": "#FFFFFF",
"slash": "url(#solarGradient)"
},
"dark_mode": {
"background": "#090D16",
"tag_body": "#FFFFFF",
"brackets": "#090D16",
"slash": "url(#solarGradientDark)"
}
},
"colors": {
"primary": {
"electric_blue": {
"hex": "#2563EB",
"rgb": "rgb(37, 99, 235)",
"cmyk": "84, 58, 0, 8",
"role": "Base del gradiente solar. Código, ingeniería, confiabilidad técnica."
},
"neon_red": {
"hex": "#F21F4B",
"rgb": "rgb(242, 31, 75)",
"cmyk": "0, 87, 69, 5",
"role": "Núcleo del gradiente solar. Pasión por el diseño, audacia, acento de conversión."
},
"solar_amber": {
"hex": "#FBBF24",
"rgb": "rgb(251, 191, 36)",
"cmyk": "0, 24, 86, 2",
"role": "Cúspide del gradiente solar. Calidez, estatus, valor comercial, flechas y destellos."
}
},
"neutrals": {
"deep_graphite": {
"hex": "#090D16",
"rgb": "rgb(9, 13, 22)",
"role": "Texto principal en modo claro, fondo principal en modo oscuro, cuerpo del isotipo claro."
},
"pure_white": {
"hex": "#FFFFFF",
"rgb": "rgb(255, 255, 255)",
"role": "Fondo principal en modo claro, texto principal en modo oscuro, cuerpo del isotipo oscuro."
},
"slate_surface": {
"hex": "#F8FAFC",
"role": "Fondo de tarjetas y bloques secundarios en modo claro."
},
"slate_surface_dark": {
"hex": "#0F172A",
"role": "Fondo de tarjetas y bloques secundarios en modo oscuro."
},
"charcoal_muted": {
"hex": "#475569",
"role": "Texto secundario / descriptor en modo claro."
},
"slate_muted": {
"hex": "#94A3B8",
"role": "Texto secundario / descriptor en modo oscuro."
},
"border_line_light": {
"hex": "#E2E8F0",
"role": "Líneas divisorias y bordes de tarjeta en modo claro."
},
"border_line_dark": {
"hex": "#1E293B",
"role": "Líneas divisorias y bordes de tarjeta en modo oscuro."
}
},
"semantic": {
"whatsapp": {
"hex": "#25D366",
"role": "Botones de llamada a la acción y canal principal de contacto comercial."
}
},
"gradients": {
"solar_gradient_css": "linear-gradient(135deg, #2563EB 0%, #2563EB 15%, #F21F4B 50%, #FBBF24 95%, #FBBF24 100%)",
"text_gradient_css": "linear-gradient(135deg, #2563EB 0%, #F21F4B 45%, #FBBF24 95%)",
"svg_vertical_linear_gradient": {
"direction": "y1='100%' y2='0%'",
"stops": [
{ "offset": "0%", "color": "#2563EB" },
{ "offset": "15%", "color": "#2563EB" },
{ "offset": "50%", "color": "#F21F4B" },
{ "offset": "95%", "color": "#FBBF24" },
{ "offset": "100%", "color": "#FBBF24" }
]
}
}
},
"typography": {
"primary_code": {
"family": "IBM Plex Mono",
"designer": "Mike Abbink (IBM)",
"classification": "Monospaced Neo-Grotesque",
"google_font_url": "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap",
"css_stack": "'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace",
"roles": {
"brand_name_script": { "weight": 600, "description": "Escritura técnica de 'script' en composiciones de texto" },
"ui_kickers": { "weight": 600, "size": "10px - 11px", "letter_spacing": "0.08em", "casing": "uppercase" }
}
},
"brand_display_and_ui": {
"family": "Bricolage Grotesque",
"designer": "Mathieu Triay",
"classification": "Variable Display Grotesque",
"google_font_url": "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&display=swap",
"css_stack": "'Bricolage Grotesque', system-ui, -apple-system, sans-serif",
"roles": {
"brand_name_label": { "weight": 800, "description": "Escritura display de 'Label' en composiciones de texto" },
"headings_h1": { "weight": 800, "size": "clamp(34px, 4.5vw, 56px)", "line_height": "1.08", "letter_spacing": "-0.035em" },
"headings_h2": { "weight": 700, "size": "clamp(26px, 3.2vw, 38px)", "line_height": "1.15", "letter_spacing": "-0.025em" },
"body_copy": { "weight": 400, "size": "16px", "line_height": "1.65" },
"buttons_ui": { "weight": 700, "size": "13.5px" }
}
}
},
"logo_geometry": {
"canvas": { "width": 72, "height": 46, "viewBox": "0 0 72 46" },
"geometry_specs": {
"apex_angle": "45° (Bisel frontal izquierdo de etiqueta de código)",
"corner_radius": "7.0px (Esquinas derechas superior e inferior)",
"stencil_brackets": "Ángulo 45° idéntico al bisel del tag, trazo 2.8px, calado al color del fondo",
"solar_slash": "Inclinación 67.4° (vector 'polygon points 41,12 45,12 37,36 33,36')"
}
},
"svg_markup": {
"logo_official_light": "",
"logo_official_dark": "",
"favicon_adaptive": ""
},
"rules_for_agents_and_designers": [
"1. El modo principal siempre es CLARO (#FFFFFF / #090D16). Nunca fuerces modo oscuro como identidad por defecto.",
"2. El Logo Oficial es la etiqueta canónica (tag). Los corchetes < > NUNCA son de color, siempre se calan con el fondo (blanco en claro, oscuro en oscuro).",
"3. No existe versión horizontal con texto como logotipo de marca. Cuando el nombre 'scriptLabel' se escribe tipográficamente, la 'L' mayúscula puede llevar el gradiente solar oficial (#2563EB -> #F21F4B -> #FBBF24).",
"4. Mantén la estética minimalista, limpia y arquitectónica. No sobrecargues con sombras pesadas ni degradados invasivos.",
"5. El canal principal de contacto comercial y cierre de proyectos es WhatsApp (+ indicativo)."
]
}