Origen
El problema
Los sistemas de IA son poderosos pero ilegibles. Las organizaciones los adoptan sin entender cómo funcionan ni cómo diseñarlos bien.
01
Filosofía de Marca
Xandora Lab nació en la intersección de dos fuerzas que raramente se encuentran con la misma ambición: la precisión de la inteligencia computacional y el juicio del diseño estratégico.
No construimos herramientas. Diseñamos sistemas — capas de inteligencia que hacen posible el trabajo relevante a escala. La diferencia no es semántica: es filosófica.
Una herramienta es algo que se usa. Un sistema es algo que piensa con vos.
La tecnología más poderosa es la que desaparece. Solo queda la capacidad que habilita.
IDENTIDAD
AI Lab de sistemas, productos y agentes inteligentes
DIFERENCIA
Diseñamos inteligencia que se siente inevitable
AUDIENCIA
Equipos que construyen el próximo nivel de operaciones
HORIZONTE
Décadas. No trimestres.
02
Manifiesto Xandora Lab
Xandora Lab
no construye herramientas.
Diseña sistemas
que entienden contexto.
Ingenia claridad
desde la complejidad.
Hace visible
lo que antes era invisible.
El trabajo no termina cuando se publica. Termina cuando la tecnología se vuelve transparente — cuando desaparece en el fondo del trabajo — y solo queda el resultado que habilita.
03
Propósito
Hacemos que la inteligencia artificial sea legible, deployable y duradera.
Presente
Lo que hacemos
Diseñamos la capa de inteligencia que hace posibles los productos del futuro: sistemas, agentes, dashboards y operaciones impulsadas por IA.
Visión
Hacia dónde
Cuando la IA sea parte de toda operación relevante, Xandora Lab habrá diseñado cómo se ve, cómo se siente y cómo funciona.
04
Principios Fundamentales
01
Precision
Every element earns its place. Xandora Lab does not decorate — it communicates. Remove until the system breaks, then add back exactly one thing.
02
Clarity
Complex systems deserve simple expression. The interface should never be harder than the problem it solves. When in doubt, reduce.
03
Elegance
Sophistication is restraint. We achieve more with less. Silence is not emptiness — it is the space where meaning lands.
04
Systems Thinking
Every decision exists within a system. We design relationships, not artifacts. The whole always outweighs the part.
05
Temporal Permanence
We build for decades, not trends. Every design choice should age with dignity. If it will feel dated in three years, it was never right.
06
Intelligent Restraint
We know what we could add. We choose not to. This discipline — the refusal of the unnecessary — is the hardest and most valuable design skill.
05
Personalidad
Xandora Lab tiene una voz singular: ni corporativa ni casual. Técnica sin ser hermética. Sofisticada sin ser distante. Se siente como un instrumento de precisión, no como una aplicación de consumo.
Somos
- Preciso
- Elegante
- Atemporal
- Técnico
- Estratégico
- Editorial
- Silencioso
- Optimista
Nunca somos
- Bullish
- Genérico
- Ruidoso
- Cyberpunk
- Infantil
- Urgente
Xandora Lab vive en el cuadrante Técnico + Austero. No en Técnico + Expresivo, no en Humano + Expresivo.
06
Voz y Tono
Directo·no frío
Técnico·no hermético
Confiado·no arrogante
Atemporal·no aburrido
Headlines
- Intelligence at scale.
- Built for complexity.
- Systems that understand context.
- Precision, by design.
Descriptions
- Diseñamos la infraestructura de inteligencia que hace posibles los productos que importan.
- No es magia. Es ingeniería pensada para durar décadas.
- Cada sistema que construimos desaparece cuando funciona bien.
07
Naming System
- Los nombres de sistemas van en MAYÚSCULAS. COSMOS, AURORA, HORIZON.
- Los nombres de features van en minúsculas: dashboard, agente, memoria.
- Nunca combinar COSMOS con términos genéricos de tech: no "COSMOS AI", no "COSMOS PRO".
- Los nombres de productos deben sonar a sistemas, no a herramientas. Nada de -ly, -ify, -bot.
08
Sistema Visual COSMOS
El Sistema Visual COSMOS no es un conjunto de reglas. Es un lenguaje. Un vocabulario compartido que permite comunicar inteligencia compleja con claridad máxima.
Inspirado en la mecánica orbital, la cartografía estelar y la teoría de la información. Nunca en el cyberpunk. Nunca en la ciencia ficción exagerada.
Orbit — Estructura
Sistemas circulares. Jerarquía en relación.
Field — Espacio
Vacío como elemento activo. Silencio como significado.
Node — Elemento
Punto de decisión. Todo lo que importa es un nodo.
09
Paleta de Color
COLORES DOMINANTES
Black, Ink y Sage construyen el 90% de toda identidad visual.
USO DEL ACENTO
Sage no es decorativo. Aparece cuando algo importa: acciones, estados activos, métricas clave.
PAPEL COMO CONTRASTE
Paper (#F4F5F2) se reserva para momentos de alto contraste. Nunca es el fondo por defecto.
black
#000000
Fondo primario oscuro
ink
#121212
Superficie oscura
stage
#0A0A0A
Fondo base
paper
#F4F5F2
Superficie clara
sage
#7FA98B
Acento de marca
sage-strong
#6B9478
Acento profundo
sage-soft
#B8D3BE
Acento claro
muted-dark
#949494
Texto secundario (fondo claro)
muted-light
#5A6560
Texto terciario (fondo oscuro)
error-light
#C45C5C
Error / alerta (modo claro)
error-dark
#E07070
Error (modo oscuro)
10
Gradientes Oficiales
La familia de gradientes COSMOS es propietaria. Cada gradiente tiene un uso específico y no es intercambiable. El ángulo por defecto es 135°.
Light, luminous. Premium hero moments, brand headers, and high-impact editorial layouts.
Primary gradient. Dark emergence. The signature visual identity of Xandora Lab.
Mid-tone emergence. Ideal for data visualizations, system diagrams, and product interfaces.
Full-range arc through brand greens. Controlled, elegant. Editorial use only — never UI backgrounds.
11
Sistema de Líneas y Energía
Las líneas en COSMOS no son solo separadores. Son vectores de energía visual — insinúan movimiento, dirección y jerarquía. Cada peso tiene un propósito exacto.
Hairline / 0.5pxGrids internos, tablas, fondos
Divider / 1pxSeparadores de secciones, bordes de cards
Accent / 2pxAcentos activos, quotes, marcadores
Bold / 4pxÉnfasis máximo, primera línea de hero
Gradient / 1pxSeparadores con energía orbital
12
Iconografía
EstiloOutline
Stroke1.5px
Grid base24×24px
Grid compacto16×16px
EndpointsRound
- Nunca usar fill. Solo stroke. El contorno siempre.
- Nunca drop shadow. Los íconos no tienen profundidad Z.
- Prohibido: cerebros, robots, circuitos electrónicos.
13
Tipografía
Cada tipografía tiene una función única e irremplazable. Outfit habla con autoridad. Sora habla con humanidad. Space Mono habla con datos.
Display — Outfit
Intelligence in motion.
Title 1 — Outfit
Clarity at scale.
Title 2 — Outfit
Systems over artifacts.
Body L — Sora
We design systems that make intelligence legible and deployable.
Mono — Space Mono
#7FA98B / Sage / Brand Accent / RGB(127,169,139)
Headings → Outfit. Body → Sora. Data/código → Space Mono. Nunca mezclar roles.
14
Layout System
El espacio en blanco no es vacío: es infraestructura.
- Ancho máximo general: 1200px
- Ancho de lectura: 720px
- Ancho de datos: 960px
- Spacing mínimo entre secciones: 80px
- Nav height: 52px fixed
15
Grid System
Mobile 4 cols · Tablet 8 cols · Desktop 12 cols
- Gutter: 24px
- Margen desktop: 48px
- Margen mobile: 20px
16
Motion Principles
En Xandora Lab, las animaciones no entretienen. Explican.
micro150mshover, focus
element250msappear, expand
screen400mspage transitions
section600msscroll reveals
Si una animación no guía atención, confirma una acción o revela jerarquía, no debe existir.
17
Product Design Language
Los productos de Xandora Lab se sienten como instrumentos de precisión, no como aplicaciones de consumo.
- La arquitectura de información precede a cualquier decisión visual.
- Densidad como feature: no se esconden datos.
- Cada acción tiene peso: botones primarios escasos.
18
Dashboard Design Language
- Números en Space Mono, etiquetas en Sora, títulos en Outfit.
- 1 métrica hero por módulo, 3–4 secundarias.
- Sage para estados positivos. Error Dark (#E07070) solo para alertas críticas.
94.2%
Precisión del agente
1.2s
Latencia
12.4K
Requests
0.3%
False pos. rate
19
Website Design Language
- Secciones full-width con contenido centrado a 1200px.
- Alternar dark/light entre secciones.
- Un CTA primario por sección en sage.
20
Email Design Language
- Ancho 600px fijo, columna única.
- Fondo Ink para emails de marca.
- Logo siempre arriba a la izquierda. Nunca centrado.
- CTA Sage con texto negro. Alto mínimo 44px.
21
IA Agent Design Language
Los agentes de Xandora Lab no deben parecer conversaciones. Deben parecer sistemas.
- Outputs en Space Mono.
- Estado pensando: tres puntos Sage pulsantes.
- Confianza visible: qué hace y por qué.
→ Analyzing dataset (14,220 records)
→ Running classification model
✓ Completed in 1.4s
22
Diagramas Conceptuales
- Nodos: solo círculos.
- Líneas: ángulos 0°, 45° o 90°.
- Labels: Space Mono, MAYÚSCULAS.
23
Casos de Uso
01
AI Infrastructure
Plataformas de AI para operaciones empresariales
Sistema visual oscuro y denso. Tipografía en Space Mono para métricas. Sage para estados activos y alertas críticas. Grid de 12 columnas con sidebar persistente.
Dark-firstDenseCOSMOS HORIZON
02
Agent Platform
Interfaces de agentes de IA autónomos
No es un chat. Es un sistema de orquestación. Outputs en monospace. Estado del agente siempre visible. Panel de observabilidad lateral con logs en tiempo real.
Mono outputsObservableStructured
03
Brand Experience
Sitio web y materiales de marketing
Gradiente COSMOS HORIZON en hero. Alternancia dark/light por secciones. Headline Outfit 700. Body Sora 400. Un CTA primario por sección en sage.
EditorialCOSMOS AURORA1200px max
04
Operations Dashboard
Control de operaciones en tiempo real
1 métrica hero por módulo. Números en Space Mono. Spark lines en sage. Grid 12 cols con módulos redimensionables. Alertas en Error Dark (#E07070).
Ink bgReal-timeModular
24
Ejemplos Correctos
Así sí habla Xandora Lab
We build systems that think.
Direct. Purposeful. Confident without being loud.
Intelligence at scale.
Three words. Maximum density. Zero noise.
Designed for complexity.
Honest about the domain. Earns trust through specificity.
Precision-engineered AI infrastructure.
Technical credibility. Specificity over vagueness.
Specificity
Preferir siempre el dato concreto al adjetivo vago. "1.4 segundos" > "ultra rápido".
Economy
Si se puede decir en tres palabras, no usar cinco. La densidad de significado importa.
Authority
Afirmamos. No pedimos permiso. No usamos "podría", "quizás", "tal vez".
25
Ejemplos Incorrectos
Así no habla Xandora Lab
Revolutionary AI-powered solutions!
Superlatives destroy credibility. Exclamation marks are never Xandora.
The future is NOW.
Urgency theater. We speak in decades, not moments.
Disrupting industries with cutting-edge tech.
Startup-speak. Xandora Lab doesn't disrupt — it builds.
Smart AI for smart teams! 🚀
Casual, loud, undifferentiated. Emoji are not our voice.
26
Brand Assets
XANDORA LAB
Outfit 800 · 0.05em
Dark #F4F5F2 · Light #000000
Para usos en espacio reducido: favicon, avatar, badge.
Marca orbital basada en nodos y órbitas. Para icono de app y presentaciones.
27
Visual Territories
Vivimos en el espacio entre instrumento y experiencia. Técnicos sin ser inaccesibles. Austeros sin ser fríos. Este posicionamiento es nuestro terreno irremplazable.
TÉCNICO + AUSTERO
Nuestro territorio. Precisión máxima con calidez estratégica.
TÉCNICO + EXPRESIVO
Territorio de productos de consumo tech. No es nuestro espacio.
HUMANO + AUSTERO
Territorio editorial de lujo. Adyacente, nunca idéntico.
HUMANO + EXPRESIVO
Consumer apps. Jamás nuestro territorio.
28
Future Vision
En 2035,
cada organización operará
con una capa de inteligencia.
Xandora Lab está diseñando cómo se ve esa capa — y cómo se siente. No como un proveedor de tecnología. Como los arquitectos del sistema de inteligencia que hace posible el trabajo del futuro.
Cuando ese futuro llegue, este manual habrá sido la semilla de una identidad que resistió el tiempo porque nunca buscó ser contemporánea. Solo buscó ser verdadera.
29
COSMOS Design Principles
Dark-first
La oscuridad es el canvas. La luz es la señal. Todo lo que se ilumina en COSMOS lo hace porque importa.
Sage como significado
El color de acento nunca es decorativo. Si sage está en todas partes, en ningún lugar significa nada.
Estructura orbital
Todos los sistemas son redes de nodos en relación. Diseñamos las relaciones, no los artefactos.
Tipo como voz
Outfit habla con autoridad. Sora habla con humanidad. Space Mono habla con datos.
Un CTA primario
Si hay tres CTAs en pantalla, ninguno es primario. La jerarquía de acción es parte del lenguaje.
30
Conclusión
Este manual no es una norma. Es una filosofía.
COSMOS v1.0 — Xandora Lab
COSMOS v1.0 — Xandora Lab
— · 3%
Portada