VolverTeliQTeliQ
Referencia interna

Sistema de diseño de TeliQ

Un solo sistema de tokens, un solo tratamiento de foco, una sola escala de elevación. Marca intensa, producto sereno: la interfaz se mantiene calmada para que lo que destaque sea la inteligencia.

Marca

Solo arte oficial, colocado y escalado — nunca redibujado, recoloreado ni reconstruido con texto.

TeliQSímbolo
TeliQ — Inteligencia OrganizacionalLogotipo
TeliQTeliQInteligencia OrganizacionalFirma de aplicación

Tokens de color

Base neutra cálida, azul profundo para la acción principal e índigo reservado para la IA. Los colores semánticos solo comunican significado.

background#F7F7F5
surface#FFFFFF
border#E5E6E8
foreground#16181D
text-secondary#626873
text-tertiary#8D939C
deep#243B63
ai#5B61D6
success#247A58
warning#A96A16
critical#B54848
info#326C9B

Tipografía

Geist Sans en todo el producto, con alternativas del sistema. Titulares compactos, texto con interlineado holgado y cifras tabulares.

Inteligencia organizacional

Problema estructurado

Etiqueta de sección

El texto corrido mantiene una medida cómoda de lectura. La evidencia y el razonamiento están hechos para leerse, no para ojearse.

Aquí van los metadatos de apoyo y la procedencia.

1,284 · 12.5% · €38,000

Botones

Se muestran todos los estados: normal, al pasar el cursor, foco de teclado, deshabilitado y cargando. Los controles con solo icono siempre llevan etiqueta.

Variantes
Tamaños
Estados
Botones de icono
Con iconos

Campos de formulario

Campos etiquetados con borde fino y un único anillo de foco. Los campos inválidos se anuncian, no solo se colorean.

Deshabilitado hasta que se apruebe un problema.

Ingresa un correo electrónico válido.

Etiquetas, avatares y ayudas

El color de estado comunica significado, nunca decora. Lo crítico se usa poco.

Etiquetas
NeutralContornoSólidoEstructuradoGenerado con IAResueltoPor revisarBloqueadoEn medición
Avatares
AMJL
RCMPTS
Ayuda contextual
Separadores
Evidencia
IzquierdaDerecha

Superficies

Solo cuatro tratamientos. La profundidad viene de líneas finas y contención, no de sombras acumuladas.

default

Variante de superficie “default”.

raised

Variante de superficie “raised”.

flat

Variante de superficie “flat”.

bare

Variante de superficie “bare”.

Carga, vacío y error

Los esqueletos replican la forma del contenido real. Los estados vacíos y de error explican qué pasó y qué hacer después.

Aún no se ha registrado fricción

Cuando alguien reporta algo que le frena el trabajo, aparece aquí como una señal.

Capas superpuestas

Diálogos para decisiones, paneles para detalle. Ambos retienen el foco y se cierran con Escape.

Componentes de inteligencia

Solo presentación. Muestran valores que la lógica determinista ya calculó: nunca estiman impacto, prioridad ni confianza por su cuenta.

Problemas abiertos2412%30d6 estructurados esta semana
Horas recuperadas312h8%30dTrimestre móvil
Señales por revisar410%30dAntigüedad media 3 días

El traspaso entre soporte y producto pierde contexto

Agregado

Soporte y producto describen la misma ruta de escalamiento de forma distinta. El contexto se reconstruye a mano en cada paso y las decisiones esperan por él.

Por qué ves esto: Recurrente en 3 equipos, según conversaciones agregadas de los últimos 30 días.

Confianza mediaConfianza mediaSiguiente72
Impacto financieroConfianza baja

€34,000 – €52,000 / año

Base de cálculo: Horas de retrabajo reportadas × costo por hora cargado, supuesto medio

Impacto estratégicoConfianza alta

Retrasa 2 de 5 compromisos del trimestre

Base de cálculo: Ligado a iniciativas marcadas como bloqueadas por la latencia de escalamiento

Evidencia

Reconstruimos a mano la cronología del cliente cada vez que un caso cruza equipos.
Operaciones · 6 participantes19 señalesAgregado
Sé que la respuesta existe en algún lado, pero encontrarla toma más que volver a hacer el trabajo.
Soporte · 3 participantes7 señalesConfidencial

Confianza

Confianza bajaConfianza bajaConfianza mediaConfianza mediaConfianza altaConfianza alta

Prioridad

Actuar ahora91Siguiente72Más adelante38En observación

Privacidad

PrivadoConfidencialAgregadoAtribuido

Página interna temporal. Todos los datos son de ejemplo: nada se guarda.