Electrónica de Fabricas Factronics, C.A. (fundada en Caracas, 1986) · Lema: Gente de Calidad, Productos de Calidad
Fuente: factronics.com.ve + kit de branding del cliente. Este HTML es la fuente única de verdad; el Factronics_VE_brand_guide.md en la raíz se deriva de aquí.
Factronics Venezuela es la operación histórica del grupo: Electrónica de Fabricas Factronics nació en Caracas en 1986; Factronics USA (Florida) abrió en 2000 como empresa hija. El grupo distribuye e integra equipo industrial de fin de línea (EOL): codificación, inspección, marcado, empaque, control de temperatura y adhesivos, para fabricantes de alimentos, bebidas, farmacéutica, médica, cosmética, siderúrgica, distribución y logística.
01_knowledge_base/rules/Factronics_VE_Supplier_Exclusivity.md. Toda CTA de codificación debe nombrar un producto Videojet real: rules/Factronics_VE_Videojet_Naming_Rule.md.
| Color | Hex | Uso |
|---|---|---|
| Primary Blue | #0D70CC | Color principal de marca, CTAs alternativos, enlaces, bordes de acento |
| Navy | #00337A | Acento oscuro / texto de titulares / fondos de header |
| Lime Green | #C7D759 | Accent / highlight — CTAs primarios, badges, líneas de eyebrow |
| White | #FFFFFF | Fondos, logo sobre oscuro, texto sobre relleno oscuro |
| Light Grey (superficie VE) | #EDEDED | Fondos de superficie / paneles (variante VE, distinta al #F0F5FA de USA) |
| Amber | #F59E0B | Solo barras de urgencia / alertas. Nunca CTA primario. |
| Red alert | #d94a4a | Borde izquierdo de cards de riesgo/estakes |
--primary: #0D70CC; --primary-hover: #045cb4; --primary-glow: #3a8fdf; --navy: #00337A; --lime: #C7D759; --background: #FFFFFF; --surface: #EDEDED; /* variante VE */ --foreground: #1e293b; --border: #D1D5DB; --amber: #F59E0B; --radius: 0.625rem;
| Rol | Font | Pesos | Uso |
|---|---|---|---|
| Display / titulares | Poppins (fallback Inter) | 500, 700, 800 | h1–h5, letter-spacing −0.02em, line-height 1.15 |
| Primaria / cuerpo | Inter | 400, 600, 700 | Cuerpo (16px, lh 1.65), labels, meta, CTAs |
| Secundaria | Sarala | 400–700 | Subtítulos y texto de acento alterno |
| Mono / labels | JetBrains Mono (o ui-monospace) | 600 | .mono-label: 0.7rem, uppercase, letter-spacing 0.14em |
Fuentes reales disponibles en 02_brand_kit/fonts/Inter/ y 02_brand_kit/fonts/Sarala/.
Nota de alineación GHL: los archivos de fuente provistos son Inter y Sarala. En GoHighLevel (brand kit), Headline Font = Inter y Body Font = Inter, misma convención que Factronics USA. Poppins queda como opción web/display cuando esté disponible, no como requisito de sistema.
| Activo | Archivo | Dimensiones | Uso |
|---|---|---|---|
| Wordmark horizontal (color) | factronicsca-logo.png | 777×198 | Fondos claros. Min. 350×180 para GHL brand kit. |
| Wordmark horizontal (blanco) | factronicsca-logo-200-white.png | 201×51 | Fondos oscuros (hero industrial, footer navy) |
| Logo reducido | factronicsca-logo-200.png | ~200px | Usos compactos (mismo wordmark) |
| Square 1:1 / favicon | favicon.png | 155×155 | Avatar social, app icon, GHL logo cuadrado 1:1 |
| Social thumb | fa-thumb.jpg | 300×225 | Compartidos sociales / preview |
Espacio libre mínimo 20px todos los lados. Nunca deformar, recolorear ni agregar sombras al logo. Versiones vectorales en C:\Users\User\Desktop\WORK2023\Factronics\01.Branding\ (.ai, SVG/).
| Gradiente | CSS |
|---|---|
| Primary | linear-gradient(135deg, #0D70CC, #045cb4) |
| Hero / Industrial | linear-gradient(140deg, #1e293b 0%, #1a2536 60%, #0a4a7a 100%) |
| Brand | linear-gradient(135deg, #00337A 0%, #002255 45%, #0a4a7a 100%) |
Sombras: Card 0 1px 2px hsl(215 28% 17% / .04), 0 4px 16px hsl(215 28% 17% / .06) · Elevated 0 8px 24px hsl(215 28% 17% / .08) · Blue glow 0 12px 32px hsl(211 96% 42% / .25).
Patrones: grid 48px (opacity-10 sobre hero industrial) · dots 24px. Motivo de líneas (líneas convergentes = flujo de línea de producción) en headers de página y divisores de sección.
| Estilo | Composición | Uso |
|---|---|---|
| Primary CTA | bg-lime text-navy font-bold uppercase | Héroes, value stack, CTAs inline |
| Primary Blue | bg-primary text-white | Sólido alternativo |
| Outline | border border-primary/30 text-primary | Acción secundaria en nav |
Desde la codificación por lote hasta la inspección del producto final.
Reserva una consulta gratuita Explora nuestras solucionesrules/Factronics_VE_Videojet_Naming_Rule.md.Estados: hover = brightness-95 · disabled = opacity-70 · enviado = spinner + "Enviando...". Toda CTA lleva ícono de flecha.
Cards: estándar border-border → hover border-accent · destacada border-accent bg-accent/10 · alerta/riesgo = borde izquierdo rojo 4px #d94a4a · superficie bg-surface.
Eyebrow de sección: línea accent (2rem, 1px, bg-lime) + label monospace. Badges inline: bg-lime text-navy px-2 py-0.5 rounded (lima default; rojo #d94a4a; azul --primary).
Inputs: w-full px-4 py-3 rounded-md border focus:ring-2 focus:ring-accent. Labels en mono-label. Error: borde destructive. Éxito: el form se reemplaza por confirmación con nombre del usuario y aviso de contacto en 1 día hábil. Formularios del sitio: /cotizar/ (Solicitar Presupuesto) y /contacto/.
Header sticky con blur sobre bg-surface. Menú móvil hamburguesa; desktop mega-menú (Soluciones, Inspección, Nosotros). Nav link: px-3 py-2 text-sm font-medium, activo text-primary.
| Marca | Tipo de producto | Archivo |
|---|---|---|
| Videojet | Codificación (CIJ, TTO, TIJ, láser, LCM, LPA) | videojet.png |
| Anritsu | Inspección (rayos X, metales, pesaje) | anritsu.png |
| MarkinBox | Marcado por percusión | markinbox.png |
| Kooltrak | Registradores de temperatura | kooltrak.png |
| ITW Dynatec | Aplicación de adhesivos hot melt | itwdynatec.png |
linx.png y cualquier activo/mención de Linx en VE (no existe permiso de distribución).rules/Factronics_VE_Compliance_Language.md.Para páginas verticales específicas (ej. farmacéutica): variante oscura verde profunda --theme-pharma que desplaza el acento lima sobre gradientes verdes oscuros, igual que la variante de USA. No es parte del kit base; solo si el contenido lo amerita.