FACSOL · Manual de Identidad de Marca y Sistema de Diseño

Esencia de Marca

Concepto & Significado del Isotipo

La nueva identidad visual de FACSOL representa facturación, eficiencia, seguridad y progreso continuo. Diseñado para simplificar procesos fiscales complejos en una experiencia digital fluida.

Confianza & Solidez Fiscal

El color #0B2E6B (Azul Principal) y la silueta del comprobante estructurado transmiten orden contable, validez jurídica tributaria y seguridad operativa de clase empresarial.

AZUL PRINCIPAL · CONFIANZA

Modernidad & Tecnología

El color #0088FF (Azul Tecnológico) y las líneas de contenido sintetizan la agilidad de un software SaaS en la nube, con APIs ultrarrápidas y sincronización instantánea.

AZUL TECNOLÓGICO · INNOVACIÓN

Crecimiento & Éxito Validado

El color #00C896 (Verde Éxito) y el check interactivo garantizan comprobantes autorizados con éxito, operaciones sin fricción y prosperidad comercial para el cliente.

VERDE ÉXITO · CRECIMIENTO

Sistema Tipográfico

Tipografía: Montserrat

Tipografía moderna, limpia y profesional. Ideal para transmitir confianza y tecnología. Su geometría abierta asegura máxima legibilidad en interfaces contables y comprobantes impresos.

Muestra Tipográfica Completa

Visualización de los caracteres oficiales de Montserrat demostrando su gradación de grosor y jerarquía.

Montserrat ExtraBold (800) · Mayúsculas A-N ABCDEFGHIJKLMN

Montserrat Bold (700) · Mayúsculas O-Z OPQRSTUVWXYZ

Montserrat Medium (500) · Minúsculas a-n abcdefghijklmn

Montserrat Regular (400) · Minúsculas ñ-z ñopqrstuvwxyz

Montserrat Light (300) · Números 0-9 0123456789

Diseñada por Julieta Ulanovsky. Cada peso cumple un rol jerárquico dentro de FACSOL: los pesos Bold (700/800) identifican el logotipo y encabezados; Medium (500) y SemiBold (600) guían la lectura de estados de factura y botones; mientras que Regular (400) y Light (300) aseguran lectura descansada en tablas y comprobantes.

Pesos Tipográficos Oficiales

Light Montserrat (300) Textos complementarios y notas al pie

Regular Montserrat (400) Cuerpo de texto, párrafos e inputs

Medium Montserrat (500) Subtítulos, labels y navegación

SemiBold Montserrat (600) Botones, badges y tablas de datos

Bold / ExtraBold Montserrat (700/800) Logotipo FACSOL y encabezados H1/H2

Recursos Oficiales

Ecosistema de Formatos SVG

Integración de los formatos vectoriales oficiales adaptados con la paleta de colores oficial. Cada SVG cuenta con viewBox nativo que garantiza que nunca se deforme al escalar en cualquier pantalla.

1. Isologo Vertical Oficial (viewBox: 0 0 390 390)

Oficial Color

Isologo Vertical Color

Composición insignia con factura #0088FF, check #00C896, palabra SOL en azul #0B2E6B y descriptor fiscal.

Fondo Oscuro

Isologo Modo Noche / Dark

Optimizado con SOL en blanco puro y descriptor en #E8F0F7 para máximo contraste sobre azul noche o fondos oscuros.

Monocromático

Isologo Tinta Única (#0B2E6B)

Diseñado para documentos fiscales oficiales, sellos contables e impresoras térmicas de tickets y facturas.

2. Logotipo Horizontal para Headers & Navbars (viewBox: 0 0 420 160)

Formato Horizontal

Logo Horizontal Color Oficial

Diseño apaisado de alto impacto visual para barras de navegación, membretes y cabeceras de correo.

Horizontal Dark

Logo Horizontal Dark Mode

Diseñado para paneles de control oscuros, terminales POS nocturnos y banners publicitarios de fondo azul marino.

3. Isotipo Independiente (Favicon, Avatares & App Icons)

Símbolo Color

Isotipo Oficial Color

Factura azul tecnológico #0088FF y check dinámico #00C896. Ideal para el favicon del navegador y notificaciones.

Fondo Oscuro

Isotipo Blanco con Check Verde

Silueta de factura blanca #FFFFFF con check verde #00C896. Máxima visibilidad en fondos profundos.

Monocromo

Isotipo Monocromo Sólido

Reproducción en tinta plana #0B2E6B para grabados, papelería económica y marcas de agua de facturas.

Sistema de Color

Paleta Cromática Oficial

Valores HEX, RGB y HSL estandarizados para diseño UI, software en la nube y documentación corporativa.

Confianza

Azul Principal

Confianza, solidez institucional y tipografía SOL

#0B2E6B

RGB: 11, 46, 107 · HSL: 218°, 81%, 23%

Modernidad

Azul Tecnológico

Innovación, factura de isotipo y palabra FAC

#0088FF

RGB: 0, 136, 255 · HSL: 208°, 100%, 50%

Crecimiento

Verde Éxito

Check de validación, crecimiento y éxito comercial

#00C896

RGB: 0, 200, 150 · HSL: 165°, 100%, 39%

Limpieza

Fondo / Apoyo

Superficies de apoyo, fondos limpios y bordes

#E8F0F7

RGB: 232, 240, 247 · HSL: 208°, 47%, 94%

Distribución Cromática Recomendada en Interfaz FACSOL

La regla de balance cromático asegura que las pantallas de facturación sean descansadas a la vista y resalten las llamadas a la acción clave.

55% Blanco & #E8F0F7

25% #0B2E6B Azul Principal

12% #0088FF Azul Tecnológico

8% #00C896 Verde Éxito

Guía de Construcción

Normas de Uso & Área de Seguridad

Reglas estrictas para preservar la integridad geométrica y el reconocimiento de FACSOL en cualquier soporte digital o físico.

Área de seguridad = 24px mín.

Área de Seguridad (Clear Space)

Mantener un espacio libre mínimo de 24 px alrededor del isotipo para evitar que elementos tipográficos, bordes u otros logos interfieran con su legibilidad.

24 px Mínimo Digital

48 px UI & App Icon

90+ px Header & Print

Tamaño Mínimo de Visualización

No usar el isotipo en tamaños menores a 24 px en medios digitales ni menores a 8 mm en impresión física para preservar la visibilidad de los trazos internos.

Escalado Proporcional

Mantener siempre la relación de aspecto 1:1 o nativa del viewBox.

No Deformar

No estirar ni comprimir horizontal o verticalmente el símbolo.

No Cambiar Colores

No usar colores fuera de la paleta oficial (#0B2E6B, #0088FF, #00C896).

No Rotar ni Reordenar

No alterar el ángulo de inclinación ni reubicar el check del comprobante.

Degradados & Shaders

Degradados Oficiales & Uso en Fondos

Gradientes CSS precisos para fondos de banners, tarjetas activas, estados de foco y cabeceras dinámicas.

Degradado Principal (135°)

#0088FF → #0B2E6B. El gradiente líder de FACSOL para navegación, CTAs primarios y banners de producto.

linear-gradient(135deg, #0088FF 0%, #0B2E6B 100%)

Degradado Verde Éxito (135°)

#00C896 → #009E75. Empleado en estados de facturación exitosa, timbres fiscales aprobados y métricas.

linear-gradient(135deg, #00C896 0%, #009E75 100%)

Degradado Oscuro Noche (135°)

#0B2E6B → #071D44. Base de soporte para interfaces nocturnas, terminales POS y pie de página institucional.

linear-gradient(135deg, #0B2E6B 0%, #071D44 100%)

Degradado Suave Limpieza (135°)

#E8F0F7 → #FFFFFF. Suaviza la transición de tarjetas contables y módulos de carga en pantalla clara.

linear-gradient(135deg, #E8F0F7 0%, #FFFFFF 100%)

Uso de FACSOL en Diferentes Fondos

Fondo Claro (#FFFFFF)

Versión Color Oficial

Fondo Oscuro (#0B1930)

Versión Trazo Blanco

Fondo Azul (#0B2E6B)

Azul Tech + Check Verde

Fondo Verde (#00C896)

Azul Marino + Check Blanco

Identidad Dinámica & Motion Design

Animaciones Nativas en Código SVG + CSS

Animaciones fluidas a 60 FPS en código vectorial puro: máquina de escribir para encabezados, trazado interactivo del comprobante, loaders con logo y barras de progreso corporativas.

FACSOL

FACTURACIÓN ELECTRÓNICA

Logo Horizontal con Efecto Typewriter

Efecto moderno de máquina de escribir con cursor activo y sincronización con el trazado vectorial del isotipo. Ideal para landing pages y headers interactivos.

Simulación de Timbrado Fiscal en Vivo

Visualización interactiva que traza los vectores del documento digital y dispara el check de autorización DGII al completar el timbrado en 0.4s.

SaaS UI States

Componentes de Loading & Barras de Carga FACSOL

Estados de pre-carga y espera para reportes fiscales, timbrado de facturas masivas y sincronización de base de datos.

Icon Spinner Loader Para validación de e-CF en segundo plano

FACSOL

Wordmark Pulse Loader Para pantallas de acceso y autenticación

Progress Bar Dual-Color Para exportación de reportes 606 y 607

Componentes UI / UX

Aplicaciones en Interfaz SaaS

Implementación en componentes interactivos: botones de acción, tarjetas de facturación y contenedores de datos.

Sistema de Botones y Controles de Acción

Diseñados con estados activos, sombras con elevación sutil y feedback táctil inmediato.

Facturación rápida

Genera tus comprobantes electrónicos fiscales en segundos con validación inmediata y timbrado automático.

Conocer más → 0.4s Latencia

Control total

Tu negocio en la palma de tu mano. Gestiona inventarios, ventas, cuentas por cobrar e impuestos desde cualquier dispositivo.

Explorar Dashboard → 100% Cloud

Crecemos juntos

Tecnología que impulsa tu éxito. Acompañamos el crecimiento comercial de pymes y grandes empresas con escalabilidad ilimitada.

Planes SaaS → Escalabilidad 99.9%

SOFTWARE OFICIAL DE FACTURACIÓN ELECTRÓNICA

FACSOL · Más que facturar, impulsamos a crecer tu negocio.

Transforma la gestión contable de tu empresa con el software de facturación electrónica más rápido, seguro e intuitivo del mercado.

Fundamentación Estratégica

¿Por qué esta Identidad Visual es la más indicada para FACSOL?

Análisis de diseño estratégico, psicología del color, semiótica fiscal y ergonomía visual para el ecosistema líder de Facturación Electrónica DGII y Punto de Venta en la nube.

Una síntesis gráfica de precisión tributaria y agilidad digital

En el sector tributario de la República Dominicana, las empresas demandan seguridad jurídica incuestionable combinada con la rapidez de los sistemas SaaS contemporáneos. La marca FACSOL resuelve esta dualidad mediante una arquitectura geométrica pura:

Isotipo Documental Funcional: La silueta del comprobante sintetiza la factura formal, mientras las barras de emisión dinámica representan la transmisión instantánea XML a los servidores de la DGII.
Check de Timbrado Aprobado: El vértice verde inferior derecho transmite validación inmediata, cero rechazos de e-NCF y tranquilidad para el contador y empresario.
Contraste Cromático de Alto Impacto: La armonía entre el Azul Institucional (#0B2E6B), el Azul Tecnológico (#0088FF) y el Verde Éxito (#00C896) garantiza visibilidad óptima tanto en pantallas OLED como en papel térmico de recibos monocromático.

Ecosistema de Marca Oficial FACSOL Hardware POS & Papelería Corporativa

Normativa DGII República Dominicana · Ley 32-23

Modelos Oficiales de Facturación Electrónica e-CF & Tickets Térmicos

Comprobantes fiscales de alta fidelidad certificados bajo la normativa DGII de República Dominicana: e-NCF (E31, E32, E33, E34), QR interactivo oficial, desglose fiscal en RD$ y aplicación de marca FACSOL.

100% Homologado DGII RD$ Moneda Nacional

Factura E31 B2B Fiscal

Factura de Crédito Fiscal Electrónica

Formato corporativo con desglose formal de ITBIS (18%), RNC cliente, e-NCF tipo 31 y timbrado criptográfico con código QR oficial.

e-NCF:E310000000045
Total RD$:RD$ 66,670.00

Factura E32 B2C Hoja

Factura de Consumo Electrónica (Hoja)

Diseño formal para consumidor final con logo vertical FACSOL, número de cédula, referencia de transacción y código de seguridad e-CF.

e-NCF:E320000000189
Total RD$:RD$ 15,340.00

Factura E33 Nota Débito

Nota de Débito Electrónica

Comprobante para recuperación de fletes, cargos y ajustes fiscales con vinculación directa al comprobante modificado de origen.

e-NCF:E330000000012
Ajuste Débito:RD$ 4,720.00

Factura E34 Nota Crédito

Nota de Crédito Electrónica

Comprobante para anulación de facturas, devoluciones y descuentos financieros con saldos a favor e impacto contable automático.

e-NCF:E340000000028
Crédito Fiscal:-RD$ 11,800.00

Ticket E31 POS Fiscal

Ticket POS Crédito Fiscal 80mm

Formato en rollo térmico de 80mm con RNC emisor y receptor para compras empresariales directas en caja registradoras rápidas.

e-NCF:E310000000102
Total RD$:RD$ 9,250.00

Ticket E32 POS Retail

Ticket Térmico de Consumo e-CF

Comprobante clásico de punto de venta retail y supermercados con desglose de caja, cajero, cálculo de cambio y código QR inferior.

e-NCF:E320000000942
Total RD$:RD$ 3,850.00

Ticket E33 Ajuste Caja

Ticket Débito Térmico 80mm

Ticket compacto para cobro en caja por recargos de envío, servicio de entrega a domicilio o complementos con vinculación a e-NCF origen.

e-NCF:E330000000054
Cargo Extra:RD$ 590.00

Ticket E34 Devolución Caja

Ticket Devolución / Crédito POS

Comprobante térmico para entrega física al cliente en caja por devolución de artículos con reembolso en efectivo o cupón comercial.

e-NCF:E340000000088
Reembolso:-RD$ 1,250.00

Generación de QR y Timbrado Oficial de la DGII

Todos los comprobantes incluyen código QR interactivo con validación inmediata mediante URL oficial DGII, código de seguridad de 6 caracteres y firma electrónica XML.

Brand Board Maestro

Lámina de Identidad Visual en HTML

Ficha técnica completa que reúne la síntesis geométrica de FACSOL, paleta oficial, códigos tipográficos y normas de visualización para equipos de diseño y desarrollo.

FACSOL · MANUAL DE MARCA Y GUÍA DE IDENTIDAD VISUAL

ESPECIFICACIONES TÉCNICAS · SISTEMA SAAS DE FACTURACIÓN ELECTRÓNICA

SVG PURO SAAS READY

01. COMPOSICIÓN PRINCIPAL DE MARCA (ISOLOGO VERTICAL)

02. LOGOTIPO HORIZONTAL (VERSION PARA NAVEGADORES Y APPS)

Versión Fondo Claro

Versión Fondo Oscuro

03. ISOTIPO

Factura contable + check de aprobación tributaria.

04. TIPOGRAFÍA

Montserrat Light, Regular, Medium, Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Geométrica, moderna y de alta legibilidad.

05. PALETA CROMÁTICA

#0B2E6B Azul Principal

#0088FF Azul Tech

#00C896 Verde Éxito

#E8F0F7 Fondo Apoyo

Paleta de confianza, tecnología y validación.

Desarrollo Web & SaaS

Design Tokens & Variables CSS FACSOL

Copia e integra el sistema de diseño de FACSOL directamente en proyectos web, dashboards, paneles React, Vue o plantillas HTML.

                    facsol-design-tokens.css
                    CSS3 Verified
                

/* ===================================================
   FACSOL BRAND DESIGN SYSTEM - CSS VARIABLES
   Sistema Oficial de Facturación Electrónica
   =================================================== */
:root {
  /* Paleta de Colores Oficial */
  --facsol-blue-navy: #0B2E6B;       /* Azul principal (confianza) */
  --facsol-blue-tech: #0088FF;       /* Azul tecnológico (modernidad) */
  --facsol-green-success: #00C896;   /* Verde éxito (crecimiento) */
  --facsol-bg-light: #E8F0F7;        /* Fondo / Apoyo (limpieza) */

  /* Degradados Oficiales */
  --facsol-grad-primary: linear-gradient(135deg, #0088FF 0%, #0B2E6B 100%);
  --facsol-grad-success: linear-gradient(135deg, #00C896 0%, #009E75 100%);
  --facsol-grad-dark: linear-gradient(135deg, #0B2E6B 0%, #071D44 100%);
  --facsol-grad-soft: linear-gradient(135deg, #E8F0F7 0%, #FFFFFF 100%);

  /* Tipografía Oficial */
  --facsol-font-brand: 'Montserrat', sans-serif;
  --facsol-font-body: 'Inter', -apple-system, sans-serif;

  /* Bordes & Sombras */
  --facsol-radius-card: 20px;
  --facsol-radius-btn: 12px;
  --facsol-shadow-soft: 0 10px 30px rgba(11, 46, 107, 0.06);
  --facsol-shadow-elevated: 0 20px 50px rgba(11, 46, 107, 0.12);
}

/* Clases Utilitarias */
.bg-facsol-navy  { background-color: var(--facsol-blue-navy); color: #fff; }
.bg-facsol-tech  { background-color: var(--facsol-blue-tech); color: #fff; }
.bg-facsol-green { background-color: var(--facsol-green-success); color: #fff; }

.btn-facsol-primary {
  background: var(--facsol-grad-primary);
  color: #ffffff;
  border-radius: var(--facsol-radius-btn);
  font-family: var(--facsol-font-brand);
  font-weight: 700;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.btn-facsol-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 136, 255, 0.4);
}