Agenda un diagnóstico

Manual de marca · versión 1.0 · 2026-10-08

La marca Innovation Technologies

Cómo se ve, cómo suena y por qué. Este manual acompaña a cualquier persona que diseñe, escriba o programe en nombre de Innovation Technologies, para que cada pieza se reconozca como parte del mismo sistema.

  1. Concepto
  2. Logotipo
  3. Color
  4. Tipografía
  5. Voz y tono
  6. Íconos e imagen
  7. Movimiento
  8. Aplicaciones
  9. Tokens
01

Concepto

El nombre, la idea y la promesa que sostienen todo lo demás.

La innovación que importa es la que se nota en la operación.

El nombre. Innovation Technologies es un nombre que promete mucho, así que la marca se lo gana con hechos: precios publicados, entregas cada dos semanas y el código a nombre del cliente. Nunca decimos que somos innovadores; mostramos lo que cambió.

La promesa. Tu operación, en un solo flujo. Orden verificable: alcance y precio por escrito, una entrega funcional cada dos semanas y el código a nombre del cliente. La marca nunca promete más de lo que se puede firmar en un contrato.

El símbolo. Tres afluentes que se unen en un solo canal: los sistemas, los datos y las personas de una empresa, fluyendo en una misma dirección. Más grueso al final, porque juntos llevan más caudal.

El lugar. Somos de San José, Costa Rica. Hablamos de Hacienda, SINPE Móvil, CABYS y colones porque eso viven nuestros clientes todos los días.

02

Logotipo

Símbolo y palabra. Se usan juntos siempre que haya espacio.

Construcción del símbolo sobre una retícula de 40 unidades afluente · trazo 3 u canal · trazo 7 u retícula 40 × 40 u
Retícula
40 × 40 unidades. El símbolo ocupa 35 de ancho y 24 de alto.
Trazos
Afluentes de 3 u, canal de 7 u. Puntas siempre redondeadas.
Eje
Los tres afluentes se encuentran en el eje horizontal central, en x = 21,5 u.
Palabra
Dos pisos: «Innovation» en Archivo 700, ancho 112 %, espaciado −3,5 %; «TECHNOLOGIES» en Martian Mono 500, al 45 % del tamaño, en mayúsculas y con espaciado +26 %.
Nombre
Siempre completo: Innovation Technologies. No se abrevia como «IT»; en espacios mínimos se usa solo el símbolo.
Tamaño mínimo
Símbolo: 16 px. Logotipo completo: 120 px de ancho.

Versiones aprobadas

InnovationTechnologies
PrincipalSobre piedra
InnovationTechnologies
InversaSobre tinta
InnovationTechnologies
Sobre jadeSolo piezas de campaña
InnovationTechnologies
MonocromoSellos, grabados, fax

Espacio libre

InnovationTechnologies
x = alto del canal (7 u)Nada entra en esta zona

Usos incorrectos

InnovationTechnologies

No rotar

InnovationTechnologies

No deformar

InnovationTechnologies

No cambiar los colores

InnovationTechnologies

No agregar sombras ni efectos

03

Color

Piedra de río, basalto, jade y oro. Cada color tiene un trabajo y una proporción.

Jade y oro vienen de San José. Son los materiales de los dos museos precolombinos del centro de la ciudad, el Museo del Jade y el Museo del Oro. El jade es nuestra acción; el oro marca lo que ya está validado. Los neutros vienen del río: piedra clara y basalto oscuro, con un ligero sesgo verde.

PiedraFondo principal#EDEFEA · 237 239 23414,3 : 1 · AAA
PapelTarjetas y campos#F8F9F6 · 248 249 24615,6 : 1 · AAA
BasaltoTexto principal#14211D · 20 33 2914,3 : 1 · AAA
TintaSecciones oscuras#0E1916 · 14 25 2215,0 : 1 · AAA
MusgoTexto secundario#55625D · 85 98 935,4 : 1 · AA
JadeAcción sobre claro#0D6B57 · 13 107 875,6 : 1 · AA
Jade vivoAcción sobre oscuro#3ED6A5 · 62 214 1659,7 : 1 · AAA
OroSeñal: validado, en vivo#C8962B · 200 150 432,3 : 1 · Solo decorativo

Proporción de uso

  • Piedra 60 %
  • Basalto y tinta 24 %
  • Jade 10 %
  • Jade vivo 4 %
  • Oro 2 %

El oro nunca se usa para texto sobre fondos claros: no alcanza el contraste mínimo. Se reserva para puntos, líneas y partículas.

04

Tipografía

Una familia, dos anchos. Expandida para la voz, normal para leer. Una monoespaciada para los datos.

Innovation

Aa Bb Cc Ññ Áá Éé Íí Óó Úú ¿? ¡! 0123456789 ₡ US$ % → · « »

Archivo · variableAncho 100–125 % · peso 400–800 · Google Fonts, licencia OFL

FE 001-00001-01-0000000123 · ₡4 812 300 · IVA 13 %

CÉD. JURÍDICA 3-101-000000 · SINPE 98,0 % · UTC−6

Martian Mono, ancho 87 %, para etiquetas, cifras y datos técnicos. El número de comprobante sigue el formato de Hacienda: sucursal, terminal, tipo y consecutivo.

Martian Mono · variableEtiquetas en mayúsculas con espaciado +8 %

Escala tipográfica

TitularEn un solo flujoArchivo 640 · 114 % · 92/90
SecciónCómo trabajamosArchivo 620 · 112 % · 56/59
SubtítuloPrecio publicado y cerradoArchivo 620 · 110 % · 24/28
EntradaConectamos tus sistemas y construimos el software que te falta.Archivo 400 · 100 % · 20/32
TextoCada sprint termina con una demo funcional en un ambiente de pruebas.Archivo 400 · 100 % · 17/27
EtiquetaDiagnóstico gratuitoMartian Mono 500 · 87 % · 11/15
05

Voz y tono

Hablamos como una persona que sabe del tema y no necesita impresionar.

  • Concretos

    Cifras, plazos y nombres de sistemas. Un adjetivo nunca reemplaza un dato.

  • Francos

    Decimos lo que cuesta, lo que tarda y lo que no hacemos.

  • Cercanos

    Tuteamos con respeto. En contratos y documentos legales, usamos usted.

  • Locales

    Hacienda, SINPE Móvil, CABYS y colones son parte de nuestro vocabulario.

Así noAsí sí
Transformación digital sin límites.Integramos tu ERP con la factura electrónica, con precio cerrado de US$ 18 000.
Soluciones innovadoras de vanguardia.Migramos tus servidores a la nube y probamos la restauración antes de entregar.
Somos una empresa innovadora.Publicamos el precio de cada servicio.
Somos líderes del mercado.El código es tuyo desde el primer día. Va en el contrato.
Contáctenos para más información.Agenda un diagnóstico de 30 minutos. Te respondemos en un día hábil.
Garantizamos la máxima calidad.Corregimos sin costo cualquier defecto durante 90 días.

Decimos

  • integrar
  • diagnóstico
  • precio publicado
  • por escrito
  • entrega funcional
  • tu equipo
  • medir

Evitamos

  • innovador
  • sinergia
  • disruptivo
  • de vanguardia
  • soluciones integrales
  • líderes del mercado
  • ecosistema
06

Íconos e imagen

Íconos de trazo, a 24 px, con trazo de 1,6 y puntas redondeadas. Imágenes reales, nunca de relleno.

  • software
  • integración
  • nube
  • seguridad
  • equipo
  • auditoría
  • web
  • factura
  • sinpe
  • erp
  • hoja
  • reporte
  • tienda
  • confidencial
  • código
  • sprint
Conciliación SINPEHoy 142Pendientes 3Conciliado 97,9 %

Capturas reales de software, con datos de ejemplo.

Diagramas que explican cómo fluye la información.

Robot sonriente frente a una pantalla con hologramas

Fotos de banco o imágenes genéricas generadas con IA.

07

Movimiento

Fluir, no saltar. Un solo momento expresivo por página; todo lo demás, calma.

Curva de aceleración cubic-bezier(0.2, 0.7, 0.2, 1) tiempo → avance

cubic-bezier(0.2, 0.7, 0.2, 1)

Linealsin carácter

Flujoarranca rápido, llega suave

160 ms
Salida de una página
200 ms
Respuesta a cursor y foco
380 ms
Entrada de una página nueva
760 ms
Aparición de contenido al hacer scroll

Si la persona activa «reducir movimiento» en su sistema, todas las animaciones se detienen y el contenido queda quieto y completo.

08

Aplicaciones

La misma marca en una tarjeta, una firma, un perfil y un ícono de aplicación.

InnovationTechnologies
Software · Nube · SeguridadSan José · CR
Nombre ApellidoDirección técnica

nombre@innovationtechnologies.net
+506 0000 0000
innovationtechnologies.net

Tarjeta de presentación85 × 55 mm
Nombre Apellido

Dirección técnica

InnovationTechnologies

innovationtechnologies.net · +506 0000 0000
Respondemos en 1 día hábil.

Firma de correoTexto real, sin imágenes
Ícono y favicon72 · 44 · 28 px
Portada de LinkedIn1584 × 396 px
09

Tokens

Las mismas variables que usa este sitio, listas para copiar a cualquier proyecto.

/* Innovation Technologies · tokens de marca v1.0 */
:root {
  --piedra: #EDEFEA;     /* fondo */
  --papel: #F8F9F6;      /* superficies */
  --basalto: #14211D;    /* texto */
  --tinta: #0E1916;      /* secciones oscuras */
  --musgo: #55625D;      /* texto secundario */
  --jade: #0D6B57;       /* acción sobre claro */
  --jade-vivo: #3ED6A5;  /* acción sobre oscuro */
  --oro: #C8962B;        /* señal, nunca texto */

  --font-display: "Archivo", system-ui, sans-serif;  /* ancho 112–116 % */
  --font-body: "Archivo", system-ui, sans-serif;     /* ancho 100 % */
  --font-mono: "Martian Mono", ui-monospace, monospace;  /* ancho 87 % */

  --radio: 6px;
  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);
}