Manual de Marca · v1.0 · Entrega Final
ORQO
"El gesto mínimo que lo ordena todo."
Plataforma de Orquestación de Agentes IA
Sistema de identidad visual completo · NOTCH
Índice

Contenido del manual

01Marca — Concepto y posicionamiento§01
02Isotipo NOTCH — Construcción geométrica§02
03Sistema de logo — Todas las versiones§03
04Paleta cromática — Sistema de color§04
05Tipografía — Sistema completo§05
06Área de respeto y uso mínimo§06
07Línea gráfica — Sistema visual§07
08Uso correcto e incorrecto§08
09Aplicaciones reales§09
10Lista de archivos de producción§10
§01 · Marca

Concepto y
posicionamiento

La base conceptual que sostiene todas las decisiones de diseño. No se cambia sin cambiar la estrategia de negocio.

Qué es ORQO

ORQO es una plataforma de orquestación de agentes de IA para negocios. Coordina conversaciones, enruta intenciones, conecta sistemas y ejecuta acciones reales en canales como WhatsApp, e-commerce y plataformas enterprise.

No es un chatbot. Es la capa operativa inteligente que transforma conversaciones en ejecución real.

Posicionamiento de marca
No automatización.
Orquestación.

La diferencia es estratégica: automatizar ejecuta tareas predefinidas. Orquestar coordina agentes con inteligencia, adaptando el flujo según el contexto. ORQO vende infraestructura, no asistentes.

Los cinco atributos de marca
Control

Opera desde el centro sin ser visible. Autoridad sin ruido.

Precisión

Cada acción tiene un propósito exacto. Nada es ornamental.

Ejecución

Las conversaciones terminan en resultados reales, no en respuestas.

Confianza

Premium, institucional, construido para entornos empresariales.

Escala

La identidad crece con el producto sin fracturas ni crisis de coherencia.

§02 · Isotipo NOTCH

Construcción
geométrica

NOTCH se construye con tres elementos y tres únicamente. Cualquier modificación a estas especificaciones produce una versión no autorizada.

R = 30px (en viewbox 72×72)
gap 20°
punto (66,58)
Especificaciones técnicas · Viewbox 72×72
Radio del arcoR = 30 · Centro (36,36)
Amplitud del arco340° (gap de 20° en ≈135°–155°)
Inicio del arcoPunto (52, 59.5)
Fin del arcoPunto (59.5, 52)
Dirección del arcoCounterclockwise (sweep=1)
Vector de salida(59.5,52) → (66,58) · 9px
Ángulo del vector≈45° (diagonal inferior-derecha)
Punto terminalCentro (66,58) · Radio 3.2px
Stroke-linecapround (arco y vector)
Stroke-width base2.2px · proporcional al viewbox
SVG Path · Copia exacta para producción
<!-- Arco -->
<path d="M52 59.5 A30 30 0 1 1 59.5 52"
  stroke="#E9EDE9" stroke-width="2.2"
  stroke-linecap="round" fill="none"/>

<!-- Vector -->
<line x1="59.5" y1="52" x2="66" y2="58"
  stroke="#2CB978" stroke-width="2.2"
  stroke-linecap="round"/>

<!-- Punto -->
<circle cx="66" cy="58" r="3.2"
  fill="#2CB978"/>
88px · Hero / Portadas
Stroke-width2.2px
48px · Navbar / Headers
Stroke-width2.8px
24px · Sidebar / Tabs
Stroke-width3.8px · Punto R5.5
16px · Favicon mínimo
NotaVector omitido a 16px · Punto R8
Regla de stroke proporcional

El stroke-width se escala inversamente al tamaño de renderizado para mantener la legibilidad visual. A 88px se usa 2.2px. A 16px se usa 5.5px. La fórmula orientativa: sw = 2.2 × (88 / tamaño). A 16px el vector de salida se suprime — solo el arco y el punto. El contraste entre masa del arco y punto verde es suficiente para la identidad a favicon.

§03 · Sistema de logo

Todas las
versiones

El sistema completo incluye ocho versiones del logo. Cada una tiene un contexto exacto de uso. No se improvisan versiones adicionales.

3.1 · Isotipo solo · Dark mode

Uso exclusivo cuando el wordmark ya está presente en el contexto inmediato. Cabeceras de documento, watermarks, íconos de app.

3.2 · Isotipo solo · Light mode

Sobre fondos claros. Arco en #0B100D, vector y punto en #1A8A55 para ratio WCAG AA mínimo 4.5:1.

3.3 · Logotipo · Solo wordmark · Dark
ORQO

MD UI XL Bold/Ultra · tracking −30 (−0.03em). Solo cuando el isotipo ya está visible en el contexto. Documentos, firmas de email, textos largos donde el símbolo ya apareció.

3.4 · Logotipo · Solo wordmark · Light
ORQO

Mismo tratamiento tipográfico. Color #060908. El peso ExtraBold sostiene la firma sin necesitar acento cromático adicional.

3.5 · Imagotipo horizontal · Dark · Versión principal
ORQO

Versión de uso primario en todos los contextos donde hay espacio horizontal. Altura del isotipo = cap-height del wordmark. Separación entre elementos = 1× el diámetro del punto verde.

3.6 · Imagotipo horizontal · Light
ORQO

Landing pages, documentación, materiales impresos. El verde oscurece a #1A8A55 para accesibilidad.

3.7 · Imagotipo vertical · Dark · Pitch decks / Splash
ORQO

Tracking ajustado a +60 en versión vertical (0.06em) para compensar el ancho del isotipo. Alineación centrada. Solo en formatos donde el espacio horizontal es limitado.

3.8 · Sistema monocromático · Una tinta
ORQO

Bordado, grabado láser, serigrafía una tinta. El vector al 50% de opacidad mantiene la distinción entre el arco y el gesto de salida incluso en una sola tinta.

§03 · App icon y favicon

Icono de aplicación
y favicon

App icon · Todas las resoluciones
1024px · App Store
512px · Play Store
192px · PWA
128px · Desktop
64px · Pequeño

El fondo del app icon es siempre #111812. El radio de esquina sigue las guías de iOS (22% del tamaño) y Android (adaptative icon). Nunca se usa gradiente en el fondo del app icon.

Favicon · Sistema completo
32×32
20×20
16×16
ORQO
Pestaña navegador

A 16px y 20px el vector de salida se suprime. Solo el arco y el punto verde. La distinción entre los dos elementos es suficiente para comunicar la identidad en el contexto de un favicon.

Avatar de redes sociales

El avatar circular usa el isotipo centrado sobre #111812. Nunca el wordmark. Nunca el imagotipo completo en formato cuadrado de avatar.

§04 · Paleta cromática

Sistema
de color

Nueve valores. Cada uno con un rol único y no intercambiable. El sistema no tiene colores libres.

#060908
#0B100D
#111812
#1D2920
#2E4038
#7A9488
#2CB978
#1A8A55
#F5F5F2
Fondo 00
#060908
Fondo de pantalla principal dark
Fondo 01
#0B100D
Fondo secundario, modales, drawers
Superficie
#111812
Cards, paneles, sidebar
Borde oscuro
#1D2920
Bordes de cards y separadores
Borde medio
#2E4038
Bordes interactivos, hover states
Texto secundario
#7A9488
Labels, metadatos, subtítulos UI
Acento dark
#2CB978
Isotipo, CTA, estado activo, dato clave
Acento light
#1A8A55
Acento sobre fondos claros. WCAG AA 4.8:1
Claro
#F5F5F2
Fondo light mode, texto sobre dark
Regla del acento

El acento #2CB978 es el único color no-neutro del sistema. Su poder viene de su escasez. Aparece en exactamente cuatro contextos:

El isotipo (siempre)
El CTA primario de cada pantalla o pieza (uno por pieza)
El estado activo de elementos interactivos en UI
El dato más importante en gráficas o KPIs (uno por gráfica)

Si hay duda sobre si usar el acento en un elemento, la respuesta es no usarlo.

Accesibilidad · Ratios de contraste
Aa
#F5F5F2 sobre #060908
18.6:1 · AAA
Aa
#2CB978 sobre #060908
8.4:1 · AAA
Aa
#1A8A55 sobre #F5F5F2
4.8:1 · AA
Aa
#060908 sobre #F5F5F2
18.6:1 · AAA
§05 · Tipografía

Sistema
tipográfico

Una superfamilia técnica y un acento display. ORQO deja de sonar a plantilla SaaS y adopta una voz de infraestructura propia.

MD UI XL · Display y marca
ORQO
Orquestación
operativa.
Subtítulo de sección
FamiliaMD UI XL (Mass-Driver)
LogotipoUltra/Bold · −30 tracking
H1Bold 700 · −24 tracking
H2Semibold 600 · −12 tracking
FallbackArial Narrow / Helvetica Neue
UsoWordmark, titulares, portadas y cifras hero
MD UI · Producto y web
Convierte conversaciones en acciones reales. Sin fricciones, sin intermediarios.
ORQO coordina agentes de IA, conecta sistemas y ejecuta operaciones en WhatsApp, e-commerce y plataformas enterprise en tiempo real.
Solicitar demo →
FamiliaMD UI (Mass-Driver)
BodyRegular 400 · 16px · 1.75 lh
LeadLight 300 · 18px · 1.7 lh
UI labelsSemibold 600 · 14px · botones
FallbackHelvetica Neue / Arial
UsoCuerpo web, UI, botones, forms
MD IO · Datos e interfaz técnica
canal.whatsapp → activo
01 · Agente de ventas
02 · Agente de soporte
03 · Agente de cobranza
→ 3,847 acciones · hoy
Última sincronización · 14:32 UTC
FamiliaMD IO (Mass-Driver)
DatosRegular 400 · 13px
LabelsRegular 400 · 11px · +14 tracking
FallbackCascadia Mono · SF Mono
UsoDatos, metadata, código, timestamps
MD Nichrome · Acento de marca
No automatización.
Orquestación.
MD Nichrome se usa como firma de carácter: portadas, separadores, claims cortos y momentos de alto impacto. Nunca reemplaza a MD UI en producto ni en textos largos.
FamiliaMD Nichrome (Mass-Driver)
EstiloBold/Black · mayúsculas selectivas
Tamaño1.2rem mínimo · frases cortas
FrecuenciaSelectivo · Máx. 1× por vista
§06 · Área de respeto

Espacio mínimo
y uso mínimo

Área de respeto del imagotipo
ORQO
x = altura de la O
zona de exclusión · x en todos los lados

El área de respeto es igual a la altura de la "O" del wordmark en todos los lados del imagotipo. Ningún otro elemento (texto, imagen, borde) puede entrar en esa zona.

Tamaño mínimo de reproducción
ORQO
Mín. digital: 24px altura
Isotipo solo: 16px mínimo (favicon)
Impresión

Imagotipo: mínimo 20mm de ancho. Isotipo solo: mínimo 8mm. Por debajo de estos tamaños usar solo wordmark.

§07 · Línea gráfica

Sistema
visual

Los principios que gobiernan todas las piezas de comunicación, desde una diapositiva hasta una pantalla de producto.

01 · Retícula y espacio

Retícula de 8pt como unidad base. Todos los márgenes, paddings y gaps son múltiplos de 8. El espacio en blanco no es vacío: es autoridad. Las piezas de ORQO son deliberadamente menos densas que sus competidores. Esa densidad reducida es parte del posicionamiento premium.

Columnas con gutter de 8pt
02 · Jerarquía visual

Tres niveles jerárquicos por pieza, nunca más. Nivel 1: dato o mensaje principal (MD UI XL, grande). Nivel 2: contexto y apoyo (MD UI, regular). Nivel 3: metadatos y labels (MD IO, pequeño y opaco). MD Nichrome aparece solo como acento editorial.

3,847
acciones ejecutadas hoy
↑ 23% vs ayer · 14:32 UTC
03 · Fotografía e imagen

La fotografía de personas y entornos se trata en duotono verde-oscuro (highlight: #2CB978, shadow: #060908). Sin filtros de Instagram, sin saturación artificial, sin fotos de stock genéricas. Las capturas de producto se muestran en dark mode siempre. Los diagramas de flujo y arquitecturas usan solo los colores del sistema.

04 · Recursos gráficos

El único recurso decorativo permitido son líneas rectas de 1px en colores del sistema (no diagonales). El isotipo puede usarse en grande y bajo opacidad (8–12%) como fondo de sección en piezas de marketing. Nunca el wordmark en versión de fondo. Sin gradientes, sin sombras decorativas, sin ilustraciones.

Ejemplo · Isotipo como fondo
Uso correcto del isotipo como elemento gráfico de fondo a 8% de opacidad.
§08 · Reglas de uso

Correcto
e incorrecto

Cada regla tiene una razón estratégica. No son preferencias estéticas — son decisiones que protegen el valor de la marca.

Correcto · Versiones autorizadas

El logo se usa solo en las 8 versiones documentadas en §03. Dark mode sobre fondos oscuros del sistema. Light mode sobre #F5F5F2 o blanco. Monocromático en contextos de una tinta.

ORQO
Incorrecto · Colores no autorizados

No se modifica el color del isotipo ni del wordmark fuera de las versiones documentadas. No se usan gradientes sobre el logo. No se aplica el logo sobre fondos de color que no sean del sistema.

ORQO
Correcto · Área de respeto respetada

El logo siempre tiene el área de exclusión definida en §06. En interfaces de producto el espacio mínimo es de 16px alrededor del imagotipo.

ORQO
Incorrecto · Distorsión o rotación

El logo nunca se estira, comprime, rota ni se modifica en sus proporciones. El isotipo nunca aparece sin el arco completo (recortado o parcial).

ORQO
Correcto · Tamaño mínimo

El imagotipo horizontal se usa a partir de 24px de altura. A tamaños menores, solo el isotipo. A 16px, solo isotipo en versión simplificada (sin vector).

ORQO
Incorrecto · Efectos visuales

Sin sombras (box-shadow, drop-shadow), sin contornos (stroke sobre el logo), sin brillos, sin efectos de desenfoque, sin glassmorphism sobre el logo.

ORQO
Incorrecto · Lo que nunca se hace
Nunca

Añadir ™ ® © al logo en materiales de comunicación de marca (solo en documentos legales)

Nunca

Reproducir el isotipo solo en el wordmark (dentro de la "O" de ORQO u otras letras)

Nunca

Usar el verde #2CB978 como color de fondo de elementos grandes (bloques, heroes, backgrounds)

Nunca

Crear versiones del isotipo con elementos adicionales: texto integrado, decoraciones o modificaciones al arco

§09 · Aplicaciones reales

La marca en
su hábitat.

Dashboard SaaS · Dark mode
1,240
acciones
3 agentes
activos

Sidebar #111812. Fondo #060908. Isotipo 18px en top sidebar. Solo el verde para el dato principal. Datos secundarios en #7A9488.

Landing page · Light mode
Transforma conversaciones
en acciones reales.

Fondo #F5F5F2. Nav con imagotipo light. H1 MD UI XL 800. CTA en #060908. Sin gradientes. Sección de proof points con bordes #1D2920 muy suaves.

Pitch deck · Dos slides
ORQO
Orquestación de Agentes IA
Tracción
1.2M
acciones/mes
340%
crecimiento YoY
No automatización. Orquestación.

Portada: isotipo + wordmark centrado. Slides de dato: número en verde, contexto en blanco, claim en MD Nichrome. Máx. 4 elementos por slide.

§10 · Archivos de producción

Lista completa
de entregables

Todos los archivos necesarios para la implementación completa de la identidad ORQO en producto, marketing y comunicación.

Archivos master editables
ORQO_Master_Brand.fig
Figma
Archivo maestro con todas las versiones de logo, componentes, paleta y tipografía como variables. Fuente de verdad del sistema.
~12 MB
ORQO_Master_Logo.ai
Illustrator
Todas las versiones del logo en vectores editables, organizadas en artboards. Compatible CS6+. Incluye guías de construcción.
~2.4 MB
ORQO_Icons_System.fig
Figma
Sistema de íconos de producto (24 íconos base) en el mismo lenguaje visual que el isotipo. Dark y light mode.
~3.8 MB
SVG · Vectores escalables
orqo-isotipo-dark.svg
SVG
Isotipo NOTCH · Arco #E9EDE9, vector+punto #2CB978 · viewBox 72×72
~800 B
orqo-isotipo-light.svg
SVG
Isotipo NOTCH · Arco #0B100D, vector+punto #1A8A55 · viewBox 72×72
~800 B
orqo-isotipo-mono.svg
SVG
Isotipo monocromático · Solo stroke blanco, punto blanco · Para una tinta
~650 B
orqo-logotipo-dark.svg
SVG
Wordmark ORQO solo · #E9EDE9 · MD UI XL 800 outline · Para dark mode
~4.2 KB
orqo-logotipo-light.svg
SVG
Wordmark ORQO solo · #060908 · MD UI XL 800 outline · Para light mode
~4.2 KB
orqo-imagotipo-h-dark.svg
SVG
Imagotipo horizontal completo · Isotipo + wordmark · Dark mode · Versión principal
~6.8 KB
orqo-imagotipo-h-light.svg
SVG
Imagotipo horizontal completo · Isotipo + wordmark · Light mode
~6.8 KB
orqo-imagotipo-v-dark.svg
SVG
Imagotipo vertical · Isotipo sobre wordmark · Dark mode · Pitch decks y splash
~6.8 KB
orqo-imagotipo-mono.svg
SVG
Sistema completo monocromático · Para serigrafía, bordado, grabado
~6.5 KB
PNG · Rasterizados con transparencia
orqo-isotipo-dark@2x.png
PNG
Isotipo dark · Fondo transparente · 400×400px @2x · Para web y email
~18 KB
orqo-isotipo-light@2x.png
PNG
Isotipo light · Fondo transparente · 400×400px @2x
~18 KB
orqo-imagotipo-h-dark@2x.png
PNG
Imagotipo horizontal dark · Fondo transparente · 1200×400px @2x
~35 KB
orqo-imagotipo-h-light@2x.png
PNG
Imagotipo horizontal light · Fondo transparente · 1200×400px @2x
~35 KB
orqo-imagotipo-v-dark@2x.png
PNG
Imagotipo vertical dark · Fondo transparente · 600×800px @2x
~28 KB
orqo-logotipo-dark@2x.png
PNG
Wordmark solo dark · Fondo transparente · 1200×300px @2x
~22 KB
orqo-logotipo-light@2x.png
PNG
Wordmark solo light · Fondo transparente · 1200×300px @2x
~22 KB
Favicon y App Icon
favicon.ico
ICO
Multi-size: 16×16, 32×32, 48×48 embebidos · Para navegadores legacy
~15 KB
favicon-16.png
PNG
16×16px · Versión simplificada sin vector · Solo arco + punto
~1 KB
favicon-32.png
PNG
32×32px · Con vector de salida visible
~2 KB
apple-touch-icon.png
PNG
180×180px · Fondo #111812 · Radio de esquina aplicado · Para iOS Safari
~8 KB
app-icon-1024.png
PNG
1024×1024px · App Store iOS · Fondo #111812 · Sin transparencia · Esquinas cuadradas (Apple las redondea)
~95 KB
app-icon-512.png
PNG
512×512px · Google Play Store · Con esquinas redondeadas aplicadas
~48 KB
app-icon-192.png
PNG
192×192px · PWA manifest · Fondo #111812
~22 KB
og-image.png
PNG
1200×630px · Open Graph / Twitter Card · Imagotipo centrado sobre #060908 · Para link previews
~85 KB
avatar-social.png
PNG
800×800px · Para Twitter/X, LinkedIn, WhatsApp Business · Isotipo sobre #111812 circular
~35 KB
PDF · Impresión y documentos
ORQO_BrandBook_v1.pdf
PDF
Este manual completo en formato PDF vectorial, alta resolución, CMYK, listo para impresión y distribución digital
~4.5 MB
ORQO_Logo_Pack_Print.pdf
PDF
Todas las versiones de logo en una sola hoja · Vectorial · CMYK · Para proveedores de impresión
~1.8 MB
ORQO_PitchDeck_Template.pdf
PDF
Plantilla de pitch deck 10 slides · Versión PDF no editable para referencia visual
~3.2 MB
Assets de producto digital
ORQO_Design_Tokens.json
JSON
Tokens de design system: colores, tipografía, espaciado, radios. Compatible con Style Dictionary para exportar a CSS, iOS, Android
~8 KB
ORQO_Colors.css
CSS
Variables CSS con los 9 valores cromáticos en dark y light mode. Lista para importar en cualquier proyecto web
~2 KB
orqo-isotipo-dark.svg (inline-ready)
SVG
Versión optimizada con SVGO para uso inline en HTML/React. Sin viewBox redundante. Sin atributos innecesarios
~600 B
ORQO_Figma_Variables.fig
Figma
Librería de variables Figma con los 9 colores en dark/light, estilos tipográficos y componentes base del sistema
~5 MB
Assets de marketing
ORQO_PitchDeck_Template.pptx
PPTX
Plantilla de pitch deck editable · 12 slides · Tipografía embebida · Dark mode · Listos para personalizar
~6 MB
ORQO_LinkedInBanner.png
PNG
1584×396px · Banner de empresa LinkedIn · Dark mode · Imagotipo centrado
~120 KB
ORQO_EmailSignature.html
HTML
Firma de email HTML responsive · Logo embebido como URL · Compatible Gmail, Outlook, Apple Mail
~4 KB
ORQO_SocialTemplates.fig
Figma
10 plantillas para posts de LinkedIn e Instagram · Feed 1:1, Stories 9:16, LinkedIn 1.91:1
~8 MB
Design Tokens CSS · Listo para producción
:root {
  /* Fondos dark */
  --orqo-bg-00: #060908;
  --orqo-bg-01: #0B100D;
  --orqo-surface: #111812;
  --orqo-border-dark: #1D2920;
  --orqo-border-mid: #2E4038;
  /* Texto */
  --orqo-text-primary: #F5F5F2;
  --orqo-text-secondary: #7A9488;
  /* Acento */
  --orqo-accent: #2CB978;
  --orqo-accent-light: #1A8A55;
  --orqo-accent-ghost: rgba(44,185,120,0.10);
  /* Fuentes */
  --orqo-font-display: 'MD UI XL', 'MD UI', 'Arial Narrow', sans-serif;
  --orqo-font-body: 'MD UI', 'Helvetica Neue', Arial, sans-serif;
  --orqo-font-mono: 'MD IO', 'SFMono-Regular', 'Cascadia Mono', monospace;
  --orqo-font-editorial: 'MD Nichrome', 'MD UI XL', 'Arial Narrow', sans-serif;
}
ORQO
El gesto mínimo que lo ordena todo.
Manual de Marca
Versión 1.0 · Identidad NOTCH
Entrega Final · Producción