Soluciones SS

Identidad
visual y verbal.

Guía de marca

Versión 0.10 · Noviembre 2026
Soluciones SS
Capítulo 01
Soluciones SS / SSPyMes+
01

Nuestra identidad.

Propósito, principios y arquitectura de marca.

En este capítulo
  • 01Una identidad que conecta empresa y producto
  • 02Los principios de la identidad
  • 03Arquitectura de marca
Soluciones SS / SSPyMes+ · Guía de identidad03 / 41
01 / Nuestra identidad

Una trayectoria
construida junto a
las empresas.

Soluciones SS nació en Costa Rica desarrollando software administrativo. Desde entonces, ha evolucionado para responder a nuevas necesidades empresariales, conservando su compromiso con quienes confían en sus soluciones.

FUNDADA EN COSTA RICA

1990
04 / 41
01 / Nuestra identidad

Nuestros compromisos

Responsabilidad

Asumimos nuestros compromisos con rigor y respondemos por la calidad de nuestro trabajo.

Respeto

Escuchamos y valoramos a las personas con quienes trabajamos.

Ética

Actuamos con integridad y transparencia en nuestras decisiones y relaciones.

Lealtad

Construimos relaciones duraderas y honramos la confianza depositada en nosotros.

05 / 41
Soluciones SS
Capítulo 02
Soluciones SS / SSPyMes+
02

Arquitectura
de marca.

Una empresa, un producto y sus suites.

En este capítulo
  • 01Arquitectura corporativa
  • 02Ecosistema de suites
Soluciones SS / SSPyMes+ · Guía de identidad06 / 41
02 / Arquitectura de marca

Una empresa. Un ecosistema de soluciones.

MARCA CORPORATIVA

Empresa tecnológica que desarrolla y respalda sus productos y servicios.

MARCA DE PRODUCTO

Ecosistema de soluciones empresariales modulares e integradas.

07 / 41
02 / Arquitectura de marca

Un ecosistema. Distintas capacidades.

SSPyMes+ reúne soluciones empresariales que pueden utilizarse de forma independiente y conectarse entre sí para ampliar sus capacidades.

Contable

Ventas

Proveeduría

RRHH

Selección representativa de suites de SSPyMes+.

08 / 41
Soluciones SS
Capítulo 03
Soluciones SS / SSPyMes+
03

Logotipo y símbolo.

Logotipos, versiones, protección y uso.

En este capítulo
  • 03.1Identificadores oficiales
  • 03.2Versiones y fondos
  • 03.3Construcción y protección
  • 03.4Usos correctos e incorrectos
Soluciones SS / SSPyMes+ · Guía de identidad09 / 41
03 / Logotipo y símbolo

Identificadores oficiales

MARCA CORPORATIVA

MARCA DE PRODUCTO

SÍMBOLO COMPARTIDO

Isotipo compartido
10 / 41
03 / Logotipo y símbolo

Versiones y fondos de aplicación

Soluciones SS · Fondo claro

Soluciones SS en color sobre fondo claro

Soluciones SS · Fondo oscuro

Soluciones SS con isotipo a color y wordmark blanco sobre fondo oscuro

SSPyMes+ · Fondo claro

SSPyMes+ en color sobre fondo claro

SSPyMes+ · Fondo oscuro

SSPyMes+ con isotipo a color y wordmark blanco sobre fondo oscuro
11 / 41
03 / Logotipo y símbolo

Construcción y protección

Geometría esencial

Isotipo original con los dos círculos de referencia y diámetro D

Dos curvas y dos círculos de igual diámetro.

Área de protección

X = 0,75 D

Mantenga libre de otros elementos el espacio X en los cuatro lados.

Área de protección del isotipo
Isotipo
Área de protección de Soluciones SS
Soluciones SS
Área de protección de SSPyMes+
SSPyMes+

Tamaños mínimos digitales

Isotipo a 32 por 32 píxeles
Isotipo 32 × 32 px
Soluciones SS a 180 píxeles de ancho
Soluciones SS 180 px de ancho
SSPyMes+ a 160 píxeles de ancho
SSPyMes+ 160 px de ancho

Estándar digital interno de trabajo. Aprobación institucional y mínimos de impresión pendientes. Para 16 px se requiere un favicon específico validado.

12 / 41
03 / Logotipo y símbolo

Usos no permitidos

Las siguientes alteraciones comprometen la integridad, legibilidad y consistencia de nuestros identificadores.

En cada ejemplo: original a la izquierda · alteración no permitida a la derecha

No deformar

No modificar las proporciones originales.

No rotar

Mantener la orientación del archivo oficial.

No recolorear

Utilizar únicamente las variantes aprobadas.

Evitar fondos cargados

Garantizar contraste y legibilidad.

No añadir efectos

No aplicar sombras, brillos ni transparencias no autorizadas.

No alterar la composición

Respetar la relación original entre símbolo y nombre.

13 / 41
Soluciones SS
Capítulo 04
Soluciones SS / SSPyMes+
04

El color.

Paleta, jerarquía y contraste.

En este capítulo
  • 01Paleta por contexto
  • 02Contraste verificado
  • 03Suites y estados funcionales
Soluciones SS / SSPyMes+ · Guía de identidad14 / 41
04 / El color

Nuestra paleta de marca

Colores que identifican y unifican a Soluciones SS y su ecosistema.

Colores principales

Azul marino institucional#0B1D3ABase del wordmark aprobado
Azul de comunicación#0077D9Referencia de trabajo para campañas
Amarillo premium#F2B200Token de producto; no sustituye el gradiente del isotipo

Neutros editoriales de apoyo

Blanco#FFFFFF
Canvas#F8FAFC
Superficie#F1F5F9
Hairline#E5E7EB
Gris texto#64748B
Tinta#0F172A
Soluciones SS / SSPyMes+ · Guía de identidad15 / 41
04 / El color

Combinaciones y contraste

El contraste permite aplicar nuestra paleta con claridad y consistencia.

Combinaciones recomendadas

Aa

Texto de muestra en tamaño de lectura.

Blanco / Navy16,79:1
Aa

Texto de muestra en tamaño de lectura.

Navy / Blanco16,79:1
Aa

Texto de muestra en tamaño de lectura.

Navy / Amarillo8,91:1
Aa

Texto de muestra en tamaño de lectura.

Blanco / Azul4,53:1

Contraste insuficiente

Texto de muestra en tamaño de lectura.

Azul / Azul1,68:1

Texto de muestra en tamaño de lectura.

Blanco / Amarillo1,88:1

Texto de muestra en tamaño de lectura.

Claro / Gris3,21:1
16 / 41
04 / El color

Suites y colores funcionales

La plataforma distingue sus áreas de trabajo y comunica estados con un lenguaje cromático consistente.

Identidad de suites

Cada suite combina un tono principal con un acento propio.

Contabilidad

Principal · #001A5F
Acento · #075BFF

Facturación / Ventas

Principal · #14532D
Acento · #16A34A

Recibidos

Principal · #431407
Acento · #EA580C

Recursos humanos

Principal · #4C1D95
Acento · #7C3AED

Referencias del sistema de producto. Los identificadores de suites y su aplicación de marca requieren validación; el registro de RRHH presenta un tono principal distinto.

Estados funcionales

Estos colores comunican resultados y condiciones dentro de la plataforma.

Éxito

Acción completada o resultado confirmado.

#16A34A

Advertencia

Una condición requiere atención.

#D97706

Error

Un problema impide completar la acción.

#DC2626

Información

Contexto útil sobre una tarea o estado.

#2563EB

Acompañe cada estado con texto y un indicador reconocible; no dependa solo del color. Compruebe el contraste de cada aplicación.

17 / 41
Soluciones SS
Capítulo 05
Soluciones SS / SSPyMes+
05

La tipografía.

Familias, roles y jerarquía.

En este capítulo
  • 01Sora y DM Sans
  • 02Datos y escala
  • 03Reglas de uso
Soluciones SS / SSPyMes+ · Guía de identidad18 / 41
05 / La tipografía

Nuestro sistema tipográfico

Dos familias. Una identidad coherente.

Sora / Identidad

Claridad en cada decisión.

Expresión y jerarquía

Portadas, titulares y encabezados principales.

DM Sans / Lectura

Información clara para administrar, analizar y decidir.

Aa Bb Cc Dd Ee
0123456789

Lectura y funcionalidad

Textos, interfaces, formularios y tablas.

19 / 41
05 / La tipografía

Jerarquía y composición

Tamaño, peso y espacio organizan la lectura.

Informe de gestión · Ejemplo

Información para tomar decisiones.

Una visión clara de la actividad de la empresa.

Los registros ordenados permiten consultar el estado de los comprobantes y comprender el trabajo de cada periodo.

Periodo de referencia2026
20 / 41
SSPyMes+ · Suite Contable  ·  Prototipo de referencia21 / 41
Prototipo de referencia: resumen de movimientos contables con datos de demostración
05 / La tipografía

Tipografía en aplicación

Comunicación editorial e información financiera.

02 / Comunicación editorial

Informe empresarial · Ejemplo

Una visión clara de la gestión.

Información organizada para consultar los resultados de cada periodo.

03 / Reporte financiero

Estado de resultados · Ejemplo

Resumen del periodo

Noviembre 2026

Ingresos₡48.205.100,00
Gastos−₡1.284.560,75
Resultado₡46.920.539,25
Soluciones SS
06

Lenguaje visual.

Formas, imágenes y composición.

06 / Lenguaje visual

Elementos gráficos

Recursos que aportan continuidad y reconocimiento.

Recurso existente · apertura de capítulo

Forma y espacio

Utilice el recurso original con escala y recorte controlados. Mantenga libre el área destinada al mensaje.

Las superficies de color y los separadores ordenan el contenido; la forma acompaña la jerarquía editorial.

Aplicación coherente

Un recurso predominante y espacio negativo suficiente.

Aplicación excesiva

Superposiciones y efectos que compiten con el mensaje.

Los encuadres son demostraciones del fondo existente; nuevas geometrías requieren validación.

24 / 41
06 / Lenguaje visual

Fotografía e imagen

Personas, espacios y situaciones auténticas.

Fotografía principal pendienteEmpresa real · personas trabajando · autorización requerida
PersonasTrabajo cotidiano
EspaciosContexto empresarial
Tecnología y trabajoUso real y reconocible de herramientas

Luz y color

Prefiera luz natural y un balance cromático equilibrado.

Encuadre

Busque gestos naturales y espacio para el contenido.

Selección

Elija situaciones auténticas y evite pantallas inventadas.

Espacios reservados para fotografías propias autorizadas o imágenes con licencia verificada.

25 / 41
06 / Lenguaje visual

Iconografía e ilustración

Claridad funcional, coherencia visual.

01 / Identificadores

Marcas y suites

Logotipo de Soluciones SSLogotipo de SSPyMes+
ContableVentasProveeduríaRecursos humanos

Representan marcas y suites; conserve los archivos originales.

02 / Función

Iconografía

Los iconos comunican acciones y navegación. Mantenga trazo, proporción, detalle y alineación consistentes.

Especímenes ilustrativos basados en los ejemplos existentes; no identificadores de suite.

03 / Ilustración

Uso con intención

Priorice diagramas e imágenes que expliquen una tarea o concepto concreto.

Evite escenas tecnológicas genéricas y efectos sin función informativa.

Criterios propuestos; no hay una familia de ilustración aprobada identificada.

26 / 41
06 / Lenguaje visual

Composición y dirección de arte

Una identidad reconocible en diferentes formatos.

Aplicación editorial · ejemplo

Información clara para cada decisión.

Una composición con una idea principal y espacio para leer.

Aplicación digital · ejemplo

Información para su empresa.

Una jerarquía adaptable a distintos formatos.

Composición controlada

Un punto focal, alineaciones consistentes y recursos subordinados al contenido.

Información clara para su empresa.

Composición sobrecargada

Muchos focos, efectos y mensajes simultáneos dificultan la lectura.

INFORMACIÓN · GESTIÓN · DECISIONES
DATOS   INFORMES   SERVICIOS   EQUIPOS

La jerarquía precede a la decoración · Cada recurso cumple una función · La retícula y el espacio negativo aportan consistencia · Las imágenes responden al contexto · La identidad se adapta al formato.

27 / 41
Soluciones SS
Capítulo 07
Soluciones SS / SSPyMes+
07

Voz y tono.

Personalidad verbal y criterios de redacción.

En este capítulo
  • 01Personalidad verbal
  • 02Criterios por contexto
  • 03Ejemplos de redacción
Soluciones SS / SSPyMes+ · Guía de identidad28 / 41
07 / Identidad verbalPersonalidad

La claridad es nuestra forma de comunicar

La marca explica sin condescender y confirma sin adornar. Su voz es profesional, cercana y verificable; su tono se adapta al contexto sin perder precisión.

AtributoCómo se expresaQué se evita
ClaraExplica lo importante con palabras sencillas.Frases largas y ambigüedad.
ProfesionalUtiliza terminología empresarial y contable precisa.Informalidad excesiva y tecnicismos innecesarios.
CercanaHabla de manera natural y respetuosa.Tono robótico o condescendiente.
ConfiableDistingue hechos, estados y expectativas.Promesas absolutas, exageraciones y afirmaciones sin verificar.
ProductoBreve y accionable

Mensajes breves y accionables. Cada estado indica qué ocurrió y qué puede hacer la persona a continuación. Tratamiento de «vos».

InstitucionalFormal y sostenido

Comunicados, propuestas y documentación legal. Registro formal sostenido y tratamiento de «usted».

ComercialConcreto y verificable

Beneficios concretos y verificables. Sin superlativos ni promesas que no puedan demostrarse.

Explicar sin condescender.
Confirmar sin adornar.Principio de voz · Soluciones SS / SSPyMes+
Soluciones SS / SSPyMes+ · Guía de identidad29 / 41
06 / Voz y tonoEjemplos

La misma voz, en cada mensaje

Los ejemplos comparan lo que la marca prefiere con lo que evita. No son plantillas rígidas: son criterios de decisión.

Ejemplos en producto

Preferido

  • «El comprobante se envió a Hacienda. Estamos esperando la respuesta.»
  • «No fue posible conectar con Hacienda. Podés intentar nuevamente.»
  • «Revisá la cédula jurídica: debe tener diez dígitos.»
  • «Se registraron 1 284 comprobantes en el periodo.»
  • «El periodo cierra el 7 de noviembre de 2026.»

Evitar

  • «¡Éxito! Tu operación ha sido procesada correctamente.»
  • «Error 500: Internal Server Error.»
  • «El campo es inválido.»
  • «1,284 comprobantes» o «1284 comprobantes».
  • «07/11/26» en texto corrido.

Redacción comercial

Preferido

  • «Gestioná los procesos de tu empresa con herramientas conectadas e información organizada.»
  • «Integrá facturación, contabilidad e inventario en una sola plataforma.»
  • «Centralizá la información de tu operación para decidir con datos actualizados.»

Evitar

  • «¡La solución definitiva para revolucionar la gestión de tu empresa!»
  • «El mejor sistema del mercado.»
  • «Aumentá tus ventas garantizado.»

Idioma: español de Costa Rica. Tratamiento de «vos» en producto; «usted» en comunicación institucional y legal.

Soluciones SS / SSPyMes+ · Guía de identidad30 / 41
Soluciones SS
Capítulo 07
Soluciones SS / SSPyMes+
07

Aplicaciones.

Producto, documentos, papelería y redes sociales.

En este capítulo
  • 01Organización y producto
  • 02Documentos comerciales
  • 03Papelería y comunicaciones
  • 04Redes sociales
Soluciones SS / SSPyMes+ · Guía de identidad31 / 41
07 / AplicacionesProducto

Una identidad presente en cada experiencia

La identidad se expresa de forma coherente en cada punto de contacto. Los ejemplos ilustran usos de marca; no son archivos finales para impresión ni capturas verificadas del producto.

MarcaAplicacionesCriterio
Soluciones SS · corporativaTarjetas, firma de correo, propuestas, documentos y perfiles institucionales.Usar la firma corporativa para identificar a la empresa.
SSPyMes+ · productoIcono de aplicación, favicon, cabeceras, acceso, redes y comunicaciones de producto.La marca de producto encabeza el mensaje.
Aplicaciones compartidasPresentaciones de producto y materiales que explican su respaldo.Priorizar la marca pertinente y mantener las firmas separadas, cada una con su espacio libre.

Facturación electrónica

Comprobantes emitidos del 1 al 31 de octubre de 2026

Nueva factura
Emitidas128
Aceptadas124
Pendientes3
Rechazadas1
ConsecutivoClienteFechaEstadoTotal
00100001010000001234Distribuidora El Roble Ltda.04 novAceptada₡101 982,50
00100001010000001235Ferretería Los Cedros S.A.04 novAceptada₡58 420,00
00100001010000001236Panadería La Unión03 novPendiente₡24 180,00
00100001010000001237Talleres del Este S.A.03 novRechazada₡146 900,00
Producto — pantalla de facturación con datos de ejemplo. La interfaz real puede variar.
Soluciones SS / SSPyMes+ · Guía de identidad32 / 41
07 / AplicacionesDocumentos

Documentos comerciales

La marca de producto encabeza los documentos del cliente. La estructura sigue el comprobante real: emisor, receptor, clave, líneas e impuestos.

Isotipo en el encabezado de la factura
Comercial La Sabana S.A.Cédula jurídica 3-101-123456Facturado con SSPyMes+
Comprobante electrónicoFactura01 · Crédito 30 días
Clave numérica50604112600310112345600100001010000001234199887766
Consecutivo00100001010000001234
Fecha de emisión04/11/2026 · 09:42
EmisorComercial La Sabana S.A.

San José, Mata Redonda, Sabana Norte, 200 m oeste del parque.
Tel. +506 2245 8800 · facturas@lasabana.cr

ReceptorDistribuidora El Roble Ltda.

Heredia, San Francisco, del cruce 300 m norte.
Cédula jurídica 3-102-654321 · OC-2026-184

#DescripciónCant.PrecioTotal
1Suscripción mensual SSPyMes+Plan Empresarial · 5 usuarios incluidos148 000,0048 000,00
2Usuarios adicionales2 usuarios · facturación y contabilidad29 500,0019 000,00
3Capacitación en facturación electrónicaSesión remota de 2 horas128 000,0028 000,00
Subtotal₡95 000,00
Descuento 5 %−₡4 750,00
IVA 13 %₡11 732,50
Total a pagar₡101 982,50
Documento de ejemplo. Sin validez fiscal.Página 1 de 1
Factura electrónica de ejemplo en proporción carta (8,5 × 11 in), con la estructura de un comprobante real.
Isotipo en el estado de cuentaSSPyMes+Documentos comerciales
Estado de cuentaCorte 31 oct 2026
ClienteDistribuidora El Roble Ltda.
CuentaCTA-0042
Periodo01–31 octubre 2026
MonedaColones (CRC)
Saldo al corte₡248 640,00
Vence el
15 nov 2026

Resumen del periodo

Saldo anterior₡186 400,00
Cargos del periodo₡101 982,50
Notas de crédito−₡39 742,50
Saldo actual₡248 640,00

Últimos movimientos

31 oct · FE-00100001010000001234₡101 982,50
18 oct · NC-00100001010000000087−₡39 742,50

Registre el pago indicando el número de comprobante. El detalle de cada movimiento está disponible en el portal de facturación.

Documento de ejemplo · Sin validez fiscalPágina 1 de 1
Estado de cuenta de ejemplo en proporción carta (8,5 × 11 in).
Soluciones SS / SSPyMes+ · Guía de identidad33 / 41
07 / AplicacionesPapelería

Papelería y comunicaciones

Soluciones SS identifica la comunicación institucional. La papelería mantiene el isotipo, el navy y un contenido breve; no compite con la marca de producto.

Isotipo blanco en la tarjetaCorporativo
Soluciones SSSoluciones empresariales
María Fernández RojasDirección de operaciones
  • Correomaria.fernandez@solucionesss.com
  • Teléfono+506 2245 8800
  • Sitiosolucionesss.com
  • OficinaSan José, Costa Rica
Soluciones SSSoluciones empresariales
Tarjeta corporativa a proporción real (85,6 × 54 mm, formato ISO ID-1), frente y reverso. Contenido de ejemplo.

Firma de correo — isotipo a la derecha, sin líneas decorativas.

Isotipo en portada de documento2026
Propuesta comercialSoluciones SS · Documento confidencial

Portada de propuesta en tamaño carta.

Soluciones SS / SSPyMes+ · Guía de identidad34 / 41
07 / AplicacionesRedes · Instagram

Instagram

SSPyMes+ mantiene el protagonismo en sus perfiles y contenidos de producto. Las publicaciones combinan información empresarial, demostraciones de la plataforma y contenido educativo.

Soluciones SS / SSPyMes+ · Guía de identidad35 / 41
07 / AplicacionesRedes · Facebook

Facebook y criterios de publicación

Soluciones SS identifica la comunicación institucional; SSPyMes+ es la marca de producto. La referencia visual se prioriza sobre la anotación.

Vista administrativa de referencia de la página de Facebook
Vista administrativa de referencia · No representa la página pública ni confirma la vigencia de sus contenidos.
Referencia pendiente de validación

Perfil institucional

Soluciones SS / SSPyMes+ · Guía de identidad36 / 41
08 / NomenclaturaCómo se escriben las marcas

Cómo se escriben las marcas

La escritura correcta de los nombres forma parte de la identidad. Las siguientes convenciones aplican a todos los materiales.

Nombres de marca

Soluciones SS
Soluciones S.S. · Solucionesss · SOLUCIONES SS
SSPyMes+
SS Pymes · SSPYMES · SSpyMes Plus
SSPyMes+ (con el signo + sin espacio)
SSPyMes + · SSPyMes-plus
Soluciones SS y SSPyMes+
Soluciones SS/SSPyMes+ en texto corrido

Uso del signo +

  • Forma parte del nombre y no se omite.
  • Se escribe sin espacio previo y sin separarlo con otro signo.
  • No se sustituye por «Plus» ni por «más» en materiales formales.
  • No se añade al nombre de la marca corporativa.

Módulos y soluciones

  • Los módulos se nombran con mayúscula inicial: Facturación, Contabilidad, Inventario.
  • Se presentan como módulos de SSPyMes+, no como marcas independientes.
  • No se crean logotipos separados para módulos sin aprobación de marca.

Convención propuesta para validación junto con la arquitectura de marca.

Soluciones SS / SSPyMes+ · Guía de identidad37 / 41
09 / Recursos oficialesArchivos aprobados

Recursos disponibles hoy

Esta sección reúne exclusivamente los archivos aprobados y utilizables. Los recursos en desarrollo se documentan como pendientes en el capítulo 10.

ArchivoUsoEstado
isotipo.svgColor, uso por defectoAprobado
isotipo-black.svgUna tintaAprobado
isotipo-white.svgFondos oscurosAprobado
isotipo-mono.svgUna tinta navyAprobado
favicon.svg16–32 px, pestañasParcial
isotipo-*-profundo.svgMonocromo con profundidadAprobado
app-icon.svg · app-icon-color.svgIcono de aplicaciónAprobado
logo-soluciones-ss-horizontal-*.svgLockup horizontal (color, negro, blanco, mono)Aprobado
logo-soluciones-ss-vertical-*.svgLockup vertical (color, negro, blanco, mono)Aprobado
logo-soluciones-ss-wordmark*.svgWordmark solo, en contornosAprobado

Ruta base de los aprobados: marca-oficial/. Las propuestas con texto vivo y las direcciones descartadas viven en archivo/wordmark-soluciones-ss/.

marca-oficial/ ├─ isotipo.svg ├─ isotipo-black.svg ├─ isotipo-white.svg ├─ isotipo-mono.svg ├─ isotipo-*-profundo.svg ├─ favicon.svg ├─ app-icon.svg ├─ app-icon-color.svg ├─ logo-...-horizontal-*.svg ├─ logo-...-vertical-*.svg └─ logo-...-wordmark*.svg

Los archivos se enlazan sin modificarlos. No se recolorean ni se re-exportan con pérdida de calidad.

Reglas de exportación

  • Pantalla: SVG siempre que sea posible; PNG con transparencia a 512, 1024 y 2048 px.
  • Impresión: PDF vectorial. RGB para oficina, CMYK o tinta directa para imprenta. Nunca se envía a imprenta una versión con profundidad.
  • Nomenclatura: logo-soluciones-ss-horizontal-color.svg, isotipo-white.png.
  • No se envía a imprenta un archivo RGB de pantalla sin conversión previa.
Soluciones SS / SSPyMes+ · Guía de identidad38 / 41
10 / Gestión y evoluciónResponsabilidades

Gestión y evolución de la identidad

La identidad evoluciona mediante decisiones documentadas y criterios compartidos. Esta sección establece responsabilidades, aprobación y mejoras pendientes.

AprobaciónDirección de la empresa

Aprueba cambios de identidad, posicionamiento y arquitectura de marca. Ninguna modificación de esta guía entra en vigor sin su validación.

MantenimientoEquipo de Plataforma

Custodia los archivos maestros, mantiene este documento actualizado y registra los cambios aprobados.

ImplementaciónDiseño y desarrollo de producto

Aplica la identidad en interfaces, documentos y materiales, usando los recursos oficiales y el sistema de diseño.

Jerarquía de las decisiones

  • Los estándares aprobados de marca y los archivos maestros determinan la identidad.
  • Los tokens del sistema de diseño implementan esas decisiones en el producto.
  • Si existe una discrepancia, se resuelve por revisión y aprobación, no automáticamente a favor de la implementación.

La implementación técnica se documenta en el anexo y en el sistema de diseño.

Control de versiones

DocumentoGuía de identidad visual y verbal
Versión0.10 · trabajo
Fecha2026-11-10
EstadoSin aprobación final
Próxima revisiónTras validación de principios y posicionamiento
Registro de cambiosv0.10 · Logotipo Soluciones SS aprobado y wordmark en contornos
Soluciones SS / SSPyMes+ · Guía de identidad39 / 41
A / Anexo técnicoImplementación

Implementación y sistema de diseño

Contenido de referencia para diseño y desarrollo. No forma parte de las decisiones de identidad: describe cómo se implementan en el producto.

Fuente de valores

Los valores de color y tipografía de producto viven en el sistema de diseño de la plataforma. Esta guía establece las decisiones de marca; el sistema las implementa.

frontend/packages/design-tokens/ └─ src/tokens.json DTCG 2025.10

Los artefactos generados se derivan de este archivo. Los componentes consumen tokens, no literales.

Escala tipográfica de interfaz

--font-ui15 px · 16 px en densidad ampliada
--font-small13 px · 14 px
--font-label12 px · 13 px
--font-caption11 px · 12 px

No se reduce el tamaño base para ajustar contenido; se utiliza la densidad compacta de tablas.

Visualización de datos

Facturación₡48,2 M+12,4 %
Documentos1 284+3,1 %

Cifras en JetBrains Mono; etiquetas en DM Sans.

  • El azul de acción identifica el dato corriente; el amarillo, solo el máximo del periodo.
  • Sin efectos tridimensionales, sombras ni degradados en series de datos.
  • Todo gráfico declara unidad y periodo.
  • Las reglas detalladas de ejes, escalas y estados se documentan en la guía de producto.
Soluciones SS / SSPyMes+ · Guía de identidad40 / 41
Soluciones SS
Cierre
Antes de publicar

Antes de publicar

Una comprobación breve evita la mayoría de las inconsistencias. Los pendientes de identidad no se presentan como aprobados.

Verificación

  • El isotipo utilizado es el archivo oficial, no una captura ni un re-export.
  • Se respeta el área libre de 1 × D en los cuatro lados.
  • La versión corresponde al fondo y cumple el contraste requerido.
  • Los nombres están escritos según el capítulo 08.
  • El texto utiliza Sora o DM Sans, con las cifras en JetBrains Mono.
  • La redacción sigue los criterios de identidad verbal del capítulo 07.
  • El material no presenta como aprobado ningún recurso pendiente.

Pendientes de identidad

Aprobación de principios y posicionamientoEn validación
Versión simplificada de faviconPendiente
Búsqueda de anterioridad marcariaPendiente
Prueba de color en imprentaPendiente
Guía de fotografía e ilustraciónPendiente
Convenciones de productoPendiente
Registro: la versión vigente y su estado se consultan en ESTADO.md. La generación de este documento no equivale a aprobación de marca.