Brandbook

Guía vigente · Versión 1.1 · Septiembre de 2026

Identidad, comunicación y sistema visual de Veetcuna. Su alcance incluye la marca corporativa, Platform, AI Solutions, productos, documentación, presentaciones y comunicación comercial.

Esta guía recoge las reglas del documento de marca de septiembre de 2026. Los tamaños mínimos del logo conservan su carácter provisional hasta validar ópticamente los archivos maestros. Las diferencias de implementación se señalan en las secciones correspondientes.

1. Esencia de marca

Veetcuna es una compañía de tecnología que construye productos de software y soluciones de inteligencia artificial para ayudar a las empresas a operar mejor y convertir prioridades de negocio en capacidades reales.

La marca no debe presentarse como una colección de herramientas ni como una consultora tecnológica genérica. El hilo conductor es llevar una necesidad desde el problema hasta una solución operativa.

Definición corta: Tecnología para operar mejor y transformar lo que todavía no funciona.

Promesa: Convertimos prioridades reales de negocio en tecnología que funciona en la operación.

Idea central

De la prioridad a la capacidad.

Es un concepto estratégico; no tiene que funcionar como slogan público en todas las piezas.

Este principio conecta Platform y AI Solutions: partir de una prioridad, entender el problema, diseñar una respuesta, implementarla y dejar una capacidad que pueda operar, medirse y evolucionar.

Pilares

• Claridad: hacer comprensible lo complejo.
• Ejecución: convertir estrategia en producto, proceso o capacidad.
• Conexión: integrar productos, datos, equipos y procesos.
• Evolución: construir sistemas que puedan medirse y mejorar.

Personalidad de marca

Veetcuna combina precisión tecnológica con claridad de negocio. Debe sentirse competente y moderna sin depender de futurismo, hype o complejidad innecesaria.

La sofisticación de Veetcuna debe percibirse en la claridad del sistema, no en la complejidad del discurso.

Lenguaje Veetcuna

Estas seis ideas forman nuestro lenguaje conceptual. Son un marco para explicar cómo pensamos sobre tecnología y negocio; no constituyen un proceso rígido.

2. Arquitectura de marca

Veetcuna es la marca principal. Platform y AI Solutions organizan su oferta. Los productos y servicios heredan la identidad Veetcuna y no desarrollan marcas independientes.

Este principio gobierna naming, logos, websites y comunicación. CRM, Finance, HR y Operations son los productos principales de Platform. Los productos complementarios pueden documentarse en un segundo nivel cuando corresponda.

AI Solutions organiza su recorrido en Discovery → Transformation → Build → Optimize. Growth es una capacidad transversal en el modelo vigente de Solutions; su posición en el esquema no expresa una jerarquía superior o inferior.

Dos expresiones de una misma idea

Platform y AI Solutions son dos expresiones de una misma tesis: convertir prioridades de negocio en capacidades que funcionan en la operación.

Naming: Veetcuna Platform, Veetcuna CRM, Veetcuna Finance, Veetcuna HR, Veetcuna Operations y Veetcuna AI Solutions.

3. Sistema de mensajes

Mensaje institucional

Veetcuna convierte prioridades de negocio en tecnología que funciona en la operación.

Construimos software y soluciones de inteligencia artificial que conectan procesos, información y equipos para crear capacidades que las organizaciones pueden operar, medir y evolucionar.

Jerarquía de mensajes

Ejemplo de aplicación

• Veetcuna: De la prioridad a la capacidad.
• Platform: Una plataforma conectada para operar tu empresa.
• CRM: Convierte relaciones y oportunidades en un proceso comercial que tu equipo puede operar.

El discurso debe empezar por la prioridad o problema de negocio, nunca por agentes, modelos, RAG o automatizaciones.

4. Voz y tono

Veetcuna debe sonar clara, segura, ejecutiva, sobria, concreta, técnicamente competente y orientada a resultados.

No debe sonar grandilocuente, futurista por defecto, excesivamente publicitaria, académica, cargada de jerga de AI ni intercambiable con cualquier consultora.

Regla principal

Hablar del resultado antes que de la tecnología.

Evitar: "Implementamos agentes inteligentes y arquitecturas RAG de última generación para revolucionar tu organización."

Preferir: "Reducimos el trabajo manual y conectamos la información que el equipo necesita para ejecutar el proceso con mayor velocidad y control."

Titulares

Deben expresar una transformación, decisión o resultado.

Preferir: "De la oportunidad al impacto", "Construyamos lo que sigue", "Una plataforma para operar tu empresa", "Identifica dónde la IA puede generar mayor impacto".

Evitar: "Potencia tu futuro con IA", "Revoluciona tu negocio", "Innovación sin límites", "Soluciones de próxima generación".

Verbos preferidos

conectar, operar, construir, identificar, priorizar, medir, implementar, simplificar, integrar, reducir, decidir, evolucionar, validar, transformar.

Reducir potenciar, revolucionar, disrumpir, reinventar, empoderar y apalancar cuando no describan una acción concreta.

Persona e idioma

En marketing, usar segunda persona: tu empresa, tu equipo, tus procesos. Para describir la intervención de Veetcuna, usar primera persona plural: identificamos, diseñamos, construimos, implementamos.

Mantener nombres oficiales en inglés cuando corresponda. En texto general en español, preferir IA. Mantener AI en nombres oficiales como Veetcuna AI Solutions.

Tono según el contexto

Los ejemplos ilustran la redacción; las afirmaciones sobre resultados u oportunidades requieren evidencia en la pieza final.

Contenido generado con IA

Todo contenido generado con IA sigue las mismas reglas editoriales de la marca. Evita estas aperturas y promesas intercambiables:

• “En un mundo cada vez más digital…”
• “La inteligencia artificial está revolucionando…”
• “Hoy más que nunca…”
• “Lleva tu negocio al siguiente nivel.”
• “Desbloquea todo el potencial…”
• “Soluciones innovadoras para empresas modernas.”

Evita también el exceso de adjetivos, las conclusiones genéricas, las enumeraciones artificialmente simétricas y las afirmaciones sin evidencia.

Prefiere problema concreto → implicación → acción → resultado.

Si el texto podría pertenecer sin cambios a cualquier empresa de software o consultora de IA, todavía no suena a Veetcuna.

5. Estructura narrativa

Los CTAs deben expresar la siguiente acción real: Explorar la plataforma, Explorar solución, Evaluar una oportunidad, Conversemos, Ver cómo funciona, Crear cuenta.

Evitar "Descubre más" o "Saber más" cuando exista una acción más específica.

6. Dirección visual

El sistema debe transmitir tecnología cuidada, materialidad, precisión y calma.

La dirección actual del Design System es correcta: neoesqueuomorfismo contenido, superficies suaves y profundidad funcional.

Principios:

1. Material continuo: fondo, tarjetas y controles pertenecen a una misma familia.
2. Profundidad funcional: raised contiene, inset recibe o agrupa controles, floating se superpone.
3. Acento limitado: el color dirige la atención.
4. Geometría suave: radios amplios, píldoras, círculos y cápsulas.
5. Espacio deliberado: amplitud en marca, densidad en producto.
6. Contraste claro: la estética nunca compromete legibilidad.

7. Color

El color comunica jerarquía, identidad o estado. No se agrega únicamente para decorar. Diferenciamos la identidad institucional, la interacción digital, el contexto editorial o de producto y los estados semánticos.

Veetcuna Core Palette

Extended Palette

Complementa la identidad y queda subordinada a la Core Palette.

Identidad, interacción, contexto y estado

Los iconos y acentos de producto pueden aportar reconocimiento sin alterar la jerarquía de interacción. Esta distinción debe mantenerse entre website, Platform, documentación y presentaciones.

Proporción cromática

≈ 80% neutrales y superficies · ≈ 15% estructura y contraste · ≈ 5% acento. Es una orientación compositiva, no una fórmula matemática.

El Design System conserva la autoridad sobre los valores técnicos de interfaz. Consume sus roles semánticos y tokens. Consulta Colores y temas y Botones y enlaces.

Estado de implementación: desde el 25 de septiembre de 2026, el primary global es #1d2b47 con texto blanco y hover #263759. Website, landings y Platform comparten este contrato. Light Blue permanece como acento de selección, foco e información.

8. Tipografía

Lettering del logotipo

El nombre «veetcuna» se está probando en Inter Semibold (peso 600). Sustituye el ensayo previo en Avenir Next Demi Bold. Website, landings y Platform usan el arte tipográfico de prueba en tinta grafito #2d2f41, rasterizado para mantener la misma composición en todos los dispositivos.

El lettering de la imagen recibida se conserva como referencia. Inter es una propuesta tipográfica para el logo, no una identificación comprobada de la fuente original. Usa el arte del nombre en lugar de reconstruirlo con texto CSS. La tipografía de interfaz sigue siendo Inter.

Tipografía de comunicación y producto

Inter es la tipografía principal del ecosistema digital, producto y documentación.

Lexend Deca puede utilizarse de forma limitada como recurso expresivo en marketing o piezas editoriales, pero no debe crear una segunda jerarquía global de UI.

En producto, el peso máximo aprobado es 600 / semibold. Evitar bold, extra-bold y black.

Jerarquía común:

Display / Hero
Título de página
Título de sección
Título de componente
Body
Metadata / Caption

Inter Semibold · ensayo activo

Lettering de la imagen de referencia

Inter · Jerarquía de referencia

De la prioridad a la capacidad

Una plataforma conectada

Claridad para decidir

Información compartida

Conectamos la información que tu equipo necesita para operar mejor.

Metadata · Actualizado en septiembre de 2026

Construyamos lo que sigue

Lexend Deca · Recurso editorial limitado. Peso máximo en producto: 600.

Consulta Tipografía y escalas para las familias y medidas disponibles en el producto.

9. Espaciado y márgenes

Usar base de 4 px, con 8 px como incremento predominante.

Web pública

En producto prevalece la densidad. Utilizar principalmente 8, 12, 16, 24 y 32 px.

10. Radios, elevación y materialidad

Veetcuna utiliza superficies suaves y profundidad funcional para comunicar estructura, interacción y jerarquía.

• Raised: elementos que contienen información o acciones principales.
• Inset: áreas que reciben contenido, agrupan controles o representan una superficie integrada.
• Floating: elementos que se superponen temporalmente al contenido.

La profundidad comunica jerarquía. No funciona como decoración.

Si todos los elementos parecen elevados, ninguno establece jerarquía. La geometría conserva suavidad y consistencia entre piezas.

La implementación exacta de sombras, radios, estados, componentes y primitivas pertenece exclusivamente al Design System. Consulta Superficies y Modales; esta guía no duplica sus medidas ni recetas.

11. Logo

La referencia facilitada el 29 de septiembre de 2026 utiliza el nombre veetcuna en minúsculas, seguido por la vicuña iridiscente de perfil orientada a la derecha. El símbolo conserva las dos orejas, la cabeza, el cuello curvo y la punta inferior de esa referencia. El nombre se muestra aquí en el ensayo Inter Semibold descrito en Tipografía. En el logo compuesto, la altura visible del isotipo equivale al 220 % de la altura de las letras y se separa 72 px del nombre en el arte base; esta proporción también rige las variantes para fondo oscuro y los lockups de producto. El gradiente azul, violeta y magenta pertenece al arte del isotipo; no se recrea con filtros CSS.

El sistema contempla:

1. Logotipo completo: «veetcuna» en minúsculas con el isotipo a la derecha; variante secundaria con el isotipo a la izquierda.
2. Isotipo: uso compacto sin el nombre.
3. Lockup de producto: Veetcuna + descriptor.

A color

Solo isotipoDescargar PNG

Isotipo a la izquierda · texto a la derechaDescargar PNG

Texto a la izquierda · isotipo a la derechaDescargar PNG

Blanco sobre negro

Solo isotipoDescargar PNG

Isotipo a la izquierda · texto a la derechaDescargar PNG

Texto a la izquierda · isotipo a la derechaDescargar PNG

A color sobre azul oscuro

Solo isotipoDescargar PNG

Isotipo a la izquierda · texto a la derechaDescargar PNG

Texto a la izquierda · isotipo a la derechaDescargar PNG

Blanco sobre azul oscuro

Solo isotipoDescargar PNG

Isotipo a la izquierda · texto a la derechaDescargar PNG

Texto a la izquierda · isotipo a la derechaDescargar PNG

Negro sobre blanco

Solo isotipoDescargar PNG

Isotipo a la izquierda · texto a la derechaDescargar PNG

Texto a la izquierda · isotipo a la derechaDescargar PNG

Lockup disponible · Veetcuna + descriptor CRM en pill. La vicuña y el pill conservan el acabado de la implementación compartida.Descargar PNG

Las muestras muestran tres composiciones en cinco tratamientos: nombre grafito e isotipo a color sobre blanco; letras blancas e isotipo a color sobre navy; y versiones completamente blancas sobre negro o navy, o negras sobre blanco. La composición principal coloca el isotipo a la derecha, como en la referencia aprobada. El orden inverso es una variante secundaria para piezas que requieran esa lectura. Usa la versión monocroma cuando la reproducción a color no sea adecuada o el fondo exija mayor contraste.

Cada muestra permite descargar un PNG con transparencia real: 2988 × 816 px para el logo con texto, 823 × 1461 px para el isotipo y 2090 × 300 px para el lockup CRM. El fondo de las tarjetas es solo una vista previa y no aparece en el archivo. Las dos muestras blancas, sobre negro y sobre azul oscuro, descargan el mismo PNG blanco.

Archivos disponibles: logo principal de prueba, logo para fondo oscuro, lettering de la imagen original e isotipo transparente. El nuevo nombre se rasterizó desde Inter Semibold y el isotipo se aisló con transparencia. Las variantes monocromas derivan de estos recursos. Son archivos raster de aplicación; los SVG públicos encapsulan el PNG y tampoco son maestros vectoriales. La opción iconOnly del componente Logo representa un módulo, no el isotipo corporativo.

El favicon y los iconos de Platform y website usan este mismo isotipo a color, centrado sobre fondo transparente.

Vista previa al compartir

La imagen social corporativa mide 1200 × 630 px. Usa el logo principal con el lettering de prueba en Inter Semibold, una superficie clara de profundidad suave y navy como ancla. Su mensaje visual es «Evoluciona tu empresa con eficiencia», precedido por «AI y productos para acelerar tu operación.» y seguido de «Centraliza tu CRM, gestión financiera y de recursos humanos en una sola plataforma conectada.» y «Explorar la plataforma». A la derecha, el gráfico de tres tarjetas muestra Prioridad → Capacidad → Operación. La tarjeta se comparte entre website y landings de Platform para conservar una identidad reconocible, mientras que el título y la descripción de cada página mantienen su contenido específico.

Descargar imagen de compartir. El favicon muestra únicamente el isotipo; los enlaces de icono incorporan una versión en la URL para renovar cachés antiguas.

Zona de seguridad

Definir x como la altura visual del isotipo. Mantener 0.5x como mínimo en todos los lados y 1x en portadas o piezas institucionales cuando sea posible.

Tamaño mínimo provisional

Hasta validar ópticamente los archivos maestros:

Todas estas medidas son provisionales. La documentación de una medida no confirma la disponibilidad ni la legibilidad de un archivo maestro.

Fondos

Prioridad: versión principal a color sobre blanco o superficie clara y versión de letras blancas con isotipo a color sobre navy o negro. Reserva los archivos completamente blancos o negros para impresión a una tinta y limitaciones técnicas.

Sobre fotografía, ubicar el logo en una zona visualmente tranquila o sobre una superficie de soporte.

No hacer

No estirar, rotar, alterar proporciones, aplicar gradientes arbitrarios, añadir glow o sombras decorativas, recolorear letras independientemente, crear lockups improvisados ni repetir el logo como decoración.

12. Lockups de productos

La marca madre mantiene protagonismo y el producto funciona como descriptor.

veetcuna [isotipo]
platform

También puede utilizarse un descriptor en pill cuando esa construcción forme parte del sistema aprobado:

veetcuna [isotipo]    [ CRM ]

Estos esquemas explican la jerarquía; no son archivos maestros ni autorizan construir un isotipo nuevo. Platform, Solutions o el producto funcionan como descriptor.

Reglas: veetcuna conserva siempre la misma construcción; el descriptor no compite con la marca; todos los productos usan la misma lógica; color e icono pueden variar de forma controlada; no diseñar un logo independiente por módulo.

13. Iconografía

Mantener una familia consistente de iconos de línea con peso visual homogéneo. En producto, seguir la librería y escala definidas por las primitivas del Design System.

Los iconos explican acciones o categorías. No decorar cada título con un icono.

Consulta Elevación, iconos y movimiento para su aplicación en interfaces.

14. Fotografía

La fotografía debe sentirse editorial, tecnológica, humana y cinematográfica, no como stock corporativo.

Características: composición limpia, profundidad de campo, luz natural o controlada, contraste moderado, negros y grises protagonistas, color contenido, personas trabajando en situaciones creíbles y tecnología integrada naturalmente.

La escala de grises o saturación reducida encaja especialmente bien con la marca. El acento Veetcuna puede aparecer de forma muy controlada.

Evitar oficinas genéricas de stock, neones azul-violeta tipo "AI", hologramas, robots humanoides, pantallas flotantes falsas y exceso de logos en una misma escena.

Composición Veetcuna

La fotografía puede incorporar círculos, marcos, ventanas, áreas de luz, planos arquitectónicos, capas y profundidad. Las geometrías deben integrarse con la composición, no funcionar como overlays arbitrarios.

Branding dentro de fotografía

Utiliza el branding de forma secundaria, con un único punto de marca y suficiente espacio alrededor del logo. Evita múltiples logos y no conviertas la escena editorial en publicidad.

15. Ilustración y gráficos

Derivar el lenguaje gráfico de círculos, órbitas, cápsulas, conexiones, diagramas de flujo, superficies concéntricas, módulos conectados y estructuras de nodos sobrias.

Veetcuna Graphic Language

Los gráficos representan sistemas, relaciones, procesos, movimiento, contexto y capacidades conectadas. Cada nodo, conexión o flujo debe aportar significado.

Evita cerebros digitales, robots, circuitos decorativos, hologramas, partículas y redes neuronales abstractas sin significado.

Representar el sistema, no la tecnología.

16. Presentaciones

Las presentaciones de Veetcuna tienen un tratamiento ejecutivo, editorial y orientado a decisiones. Esta guía aplica el enfoque de create-veetcuna-web-presentation: primero se define el argumento con executive-presentation y después se compone con html-presentation.

Empezar por la decisión

Antes de diseñar, escribe una frase que responda: ¿qué debe entender o decidir esta audiencia al terminar? Define quién participa, qué sabe, qué necesita resolver y qué evidencia tienes. En una propuesta comercial, abre con la prioridad del cliente y reserva la presentación de Veetcuna para cuando aporte credibilidad a la decisión.

1. Formula la tesis: la respuesta principal que sostendrá la presentación.
2. Ordena el argumento: contexto → problema u oportunidad → hallazgo → evidencia → implicación → recomendación → ejecución → siguiente decisión.
3. Escribe los titulares: al leerlos seguidos debe entenderse el argumento completo.
4. Selecciona un visual por slide: comparación, proceso, matriz, tabla, gráfico o conclusión dominante.
5. Cierra con una acción concreta: qué se aprueba, quién lo asume y cuál es el próximo hito.

Para cada slide, prepara el titular, su objetivo, el texto visible, el visual, la evidencia y las notas de fuente antes de componerlo.

Titulares que comunican una conclusión

Una slide contiene una idea principal y hasta tres mensajes de apoyo. El titular debe expresar qué se concluye, qué cambia o qué se recomienda. Apunta a 8–16 palabras, con un máximo aproximado de dos líneas; las portadillas pueden usar títulos breves de tema.

Estos ejemplos muestran cómo redactar; no representan hallazgos comprobados de un cliente.

Densidad y evidencia

• Orienta cada slide a 30–45 palabras visibles, 3–5 elementos principales y 2–3 niveles de jerarquía. Son rangos de composición, no cuotas que haya que llenar.
• Deja espacio negativo alrededor de la conclusión y del visual principal. La idea debe reconocerse en unos cinco segundos.
• Si el contenido no cabe, elimina redundancias, conviértelo en una estructura visual o divide la slide. Lleva el detalle secundario al apéndice.
• No reduzcas el tamaño del texto para conservar párrafos extensos.
• Distingue hechos, afirmaciones de la fuente, supuestos, estimaciones y recomendaciones. Acompaña datos con fuente, periodo y contexto.
• Usa comparaciones cualitativas o procesos cuando no haya cifras. No inventes métricas, resultados ni fuentes para completar un gráfico.

Look and feel de las presentaciones Veetcuna

Usa Inter, fondos claros y contenidos, líneas estructurales finas, columnas abiertas y una marca discreta. Alinea títulos y pies de página de forma consistente. El acento destaca una recomendación, una fase o una serie de datos; el resto acompaña la lectura.

La siguiente paleta aplica la Core Palette y la Extended Palette a la plantilla editorial de presentaciones. Los controles de interfaz siguen el Design System; los acentos de la pieza expresan contexto y jerarquía.

Elige un acento dominante por slide. Evita arcoíris de categorías, neones, sombras grandes, degradados decorativos y contenedores para cada frase. Agrupa con espacio, alineación y separadores; reserva las tarjetas para unidades realmente independientes.

Usa el wordmark aprobado de presentaciones, con el símbolo separado del nombre y centrado visualmente. Mantén su proporción y tamaño discreto. Las miniaturas de esta guía reutilizan ese archivo; no crean una nueva variante. Los iconos, cuando aporten significado, deben pertenecer a una familia consistente y quedar subordinados al contenido.

Lienzo, retícula y tipografía

Trabaja sobre 1600 × 900, relación 16:9. La slide se escala como una sola composición para conservar posiciones, proporciones y saltos de línea. Distribuye el contenido en una zona de titular, un área visual principal y un pie de fuentes o notas.

Mantén 600 / semibold como peso máximo en los ejemplos del sistema. Las medidas son rangos orientativos sobre el lienzo original; verifica su legibilidad al tamaño real de exposición. El área del título puede ocupar hasta dos líneas y debe conservar el mismo anclaje entre slides analíticas.

Elegir la composición según el argumento

Las tablas comparan criterios con frases cortas y líneas suaves. En gráficos, destaca el dato que sostiene la conclusión, reduce ejes y leyendas innecesarios y explica por qué importa. Las fotografías solo se usan cuando aportan contexto o evidencia.

Comportamiento de una presentación web

Al construir un deck web, muestra una slide por vez, ajusta proporcionalmente el lienzo al viewport y evita el scroll vertical accidental. Mantén el header discreto, el wordmark, la etiqueta de presentación y un único botón visible de pantalla completa; en el pie, muestra progreso y contador.

• ArrowRight avanza y ArrowLeft retrocede. Escape sale de pantalla completa.
• Conserva enlaces directos por slide, por ejemplo #slide-1, cuando la plantilla lo permita.
• Usa transiciones sobrias y respeta prefers-reduced-motion.
• En impresión o PDF, genera una slide 16:9 por página y oculta los controles de navegación.

Estas reglas describen el deck final. Los ejemplos de esta página son láminas estáticas con desplazamiento horizontal en ventanas estrechas para mantener legibles sus anotaciones.

Revisión antes de compartir

Comprueba cada slide y luego lee la secuencia completa:

• ¿El título comunica una conclusión y se entiende el punto en cinco segundos?
• ¿La evidencia sostiene la recomendación y sus límites están claros?
• ¿Hay una jerarquía dominante, alineación consistente y suficiente espacio?
• ¿Todos los textos se leen a la escala de presentación, sin recortes ni desbordes?
• ¿Los colores y la marca acompañan el argumento?
• ¿La última slide deja una decisión, un responsable y una acción siguiente?
• En decks web: ¿funcionan el teclado, pantalla completa, Escape, enlaces por slide e impresión?

17. Social y contenido

Las piezas deben ser reconocibles sin depender de un logo grande. Construir reconocimiento mediante tipografía, superficies, composición, fotografía, geometría, acento contenido y márgenes consistentes.

Reconocimiento sin logo · Brand Recognition without Logo

Una pieza debe poder reconocerse como Veetcuna incluso sin el logotipo:

Tipografía + materialidad + espacio + geometría + fotografía + color + lenguaje.

El logo identifica la marca. El sistema hace que la marca sea reconocible.

Aplica a social media, presentaciones, fotografía, website, documentación y contenido editorial. El logo puede permanecer pequeño y secundario.

18. Producto digital

El producto debe sentirse operativo, tangible, calmado, consistente, rápido de leer, flexible y profesional.

El neoesqueuomorfismo refuerza affordance y jerarquía, no actúa como efecto decorativo.

Orden de decisión:

Usabilidad
→ jerarquía
→ consistencia
→ accesibilidad
→ materialidad
→ decoración

Consulta Patrones de composición para aplicar estos criterios con las primitivas existentes.

19. Accesibilidad y motion

Mantener contraste suficiente, foco visible, estados acompañados de texto/iconografía, interacción reconocible sin depender de sombra, soporte de prefers-reduced-motion, áreas táctiles adecuadas y adaptación mobile-first en flujos operativos.

Motion

El movimiento comunica selección, apertura, cierre, progreso, cambio de estado y relación espacial. Evita animación continua puramente decorativa.

Motion explica qué cambió.

Los tiempos, curvas de aceleración, primitivas y comportamiento técnico se definen exclusivamente en el Design System.

20. Principios de gobernanza

Fuente de verdad

1. Brandbook: identidad, posicionamiento, voz, logo, fotografía y principios globales.
2. Design System: tokens, componentes, estados, accesibilidad y patrones de interfaz.
3. Implementación: debe consumir el Design System, no reinterpretarlo localmente.

Regla de consistencia

Una nueva necesidad no justifica automáticamente una nueva variante visual.

Antes de introducir un color, sombra, radio, componente o patrón nuevo, comprobar si el sistema actual ya resuelve la necesidad.

Consulta Contribución e IA para mantener sincronizadas las reglas, fichas y ejemplos. La arquitectura de marca describe el ecosistema; no indica disponibilidad comercial ni habilita módulos del producto.

21. Checklist de aprobación

Marca

• ¿Se reconoce como Veetcuna sin depender únicamente del logo?
• ¿Respeta la arquitectura de marca?
• ¿El logo conserva proporción y zona de seguridad?

Comunicación

• ¿Empieza por el problema, prioridad o resultado?
• ¿La tecnología aparece únicamente cuando aporta valor?
• ¿Utiliza lenguaje concreto?
• ¿Evita clichés de tecnología e IA?
• ¿La siguiente decisión está clara?

Visual

• ¿Existe un elemento dominante?
• ¿El color tiene una función?
• ¿La profundidad comunica jerarquía?
• ¿Existe suficiente espacio?
• ¿La fotografía se siente editorial y auténtica?
• ¿Los elementos gráficos representan relaciones o sistemas?

Producto

• ¿La estética mejora la comprensión?
• ¿El patrón ya existe en el Design System?
• ¿Se evita crear una variante innecesaria?
• ¿Cumple accesibilidad?

Ecosistema

• ¿CRM, Finance, HR, Operations y Solutions siguen sintiéndose parte de la misma compañía?
• ¿La pieza fortalece el sistema existente en vez de crear una identidad paralela?

22. Resumen de identidad

Veetcuna en una página

Veetcuna es precisa, no fría.
Técnica, no críptica.
Ejecutiva, no corporativa genérica.
Moderna, no futurista.
Material, no ornamental.
Segura, no grandilocuente.
Conectada, no fragmentada.
Orientada a resultados, no a features.

Idea central: De la prioridad a la capacidad.

Expresión institucional: Veetcuna convierte prioridades de negocio en tecnología que funciona en la operación.

Antes de cerrar una pieza, responde: ¿Esto se ve como Veetcuna? ¿Esto suena como Veetcuna? ¿Esto piensa como Veetcuna?