Marca Efeonce · Línea gráfica V1 · Canon desde 2026-09-25
¿Qué se reconoce de Efeonce aunque no esté el logo?
La órbita
Una esfera que recorre su órbita: el avance se ve, el oficio está a la vista y la conversación cierra con una respuesta.
Es la marca propia de Efeonce. No es la interfaz de Greenhouse ni se aplica al trabajo de clientes. Estado: canónica desde el 25 de septiembre de 2026. Cada capítulo combina las reglas, calculadas desde los tokens, con los elementos de las láminas de trabajo, reconstruidos aquí en HTML.
0
Capítulo 0: Empieza aquí
¿Qué es la línea en una frase?
0.1 · Manifiesto
La órbita
Mira la «o» de efeonce. No es una letra. Es una órbita.
Adentro va una nave. Sube hacia la derecha y su cola cruza el anillo: la órbita no la encierra, la lleva.
La nave tiene tres ventanas. Tres puntos… lo que todavía se está pensando. Arriba, cortando el anillo, una esfera. Un solo punto. El que cierra.
Tres puntos que se vuelven uno. Ahí está todo lo que hacemos.
Hasta las letras van inclinadas hacia adelante.
La nave es navy y navega en un azul tan profundo que parece noche. Cuando la esfera sale del logo, se enciende: teal para Efeonce y el color de cada línea para cada servicio. La nave es siempre la misma; lo que cambia es la luz.
Todo lo demás salió de ahí. No inventamos un símbolo: abrimos el que ya teníamos.
Ya hay demasiado ruido. Promesas que nadie mide. Reportes que llegan el viernes y se olvidan el lunes. Crecimiento entregado en una caja cerrada, con la llave del otro lado.
Nosotros lo hacemos distinto. No te entregamos crecimiento: lo construimos contigo. A la vista. Vuelta a vuelta. Y te quedas con la capacidad de sostenerlo.
La órbita no decora. Trabaja. Rodea lo que importa. Mide lo que avanza. Enfoca donde se decide.
Y hablamos igual: una pregunta breve, una respuesta grande y un punto final.
0.2 · Idea
Tres ideas sostienen la línea.
La forma viene del isotipo
La nave ya tiene un anillo y una esfera. La línea no inventa un símbolo: extiende el que existe. Por eso el isotipo nunca lleva otra órbita.
Anillo = pregunta, esfera = respuesta
El anillo es lo abierto y libre; la esfera, lo decidido y ocupado. Rige la voz, la oficina, las credenciales y los objetos.
Línea fina y luz
Un trazo tenue, un arco y una esfera en la punta; el halo es luz. Nunca un disco plano, brillos, reflejos ni esferas de vidrio.
0.2 · Manual en una lámina
Una esfera, su órbita y dos voces.
La línea en una lámina. Cada punto enlaza con su lámina de detalle.
1 · Idea
La esfera del isotipo es el activo. Recorre su órbita: el avance es visible, el oficio está a la vista y la conversación cierra con una respuesta.
2 · La esfera, tres estados
Órbita: portadas, cierres, carga y avance (O-01).
Punto final: titulares, firma de mail y taza blanca (A2).
Foco: el halo sobre lo importante en fotos (A3·2+).
3 · Color
Oscuro: #001A33, acento #36C8BF, halo #72DED8.
Papel: navy #023C70, teal #0E8C82.
Productos: tinta #091951 con su acento (Globe #FF6500, Wave #0375DB, Reach #F83902).
4 · Tipografía
Bricolage Grotesque para la respuesta; Poppins para la pregunta y el texto. Eslogan con los pesos del SSOT de marca.
5 · Voz
Pregunta real del cliente con anillo; respuesta de una a tres palabras que cierra con la esfera; evidencia debajo (A5).
6 · Oficio a la vista
Selección y cursores de AXIS; guías y marcas de corte; máximo dos herramientas por pieza (A4).
7 · Familia
Misma órbita y misma voz; cambia el acento. En el portafolio, los productos son satélites de Efeonce (O-03).
8 · Fotografía
La lente: foto en navy apagado y el círculo a color, rodeado por la órbita. Sin emblema legible (O-08).
9 · Aplicaciones
Deck con órbita de navegación (O-04), oficina (O-05), objetos y video de cierre (O-06), firma de mail (F-06).
10 · No hacer
Discos planos rellenos, brillos, reflejos o esferas de vidrio.
Dos órbitas o dos acentos en una pieza.
Arco de avance sin dato real.
Emblemas o logos de terceros como si fueran alianzas: los satélites de canales muestran dónde medimos, no con quién nos asociamos.
Texto cruzando la órbita.
Órbita alrededor del logo en objetos.
1
Capítulo 1: La esfera
¿Qué se reconoce de Efeonce aunque no esté el logo?
1.1 · Esfera
El punto final de una respuesta.
Diámetro 0,20 em de la palabra dominante, apoyada en la línea base; mide el 24 % del alto del isotipo.
Hacer
Después de «r»: -0,020 em
Medir
Después de «r»: -0,020 em
Adelante
Después de «e»: 0,035 em
Siempre
Después de «e»: 0,035 em
Mínimo 4 px en pantalla y 1,5 mm impresa; bajo eso se omite. Sola, con 2 diámetros de aire.
En el acento de la marca: teal sobre oscuro, teal oscuro sobre claro.
Nunca en una pregunta, como viñeta, repetida, con volumen, brillo o sombra, ni reemplazando letras.
1.1 · El punto final
De la nave al punto final.
Regla de tamaño
Diámetro = 0,20 em del dominante (el punto tipográfico mide 0,197 em).
Apoyada en la línea base, sin superar la altura de x.
Mínimo: 4 px en pantalla, 1,5 mm impresa. Bajo eso, se omite.
Dos tintas: #36C8BF sobre oscuro (8,5:1) y #0E8C82 sobre claro (3,9:1); el teal claro sobre blanco da 2,1:1 y no alcanza.
Espaciado óptico
Después de r: −0,02 em (el brazo deja aire).
Después de a, s, í, z: 0,03 em.
Después de o, n, e, d: 0,035 em (curvas y astas).
Sola: área de respeto de 2 diámetros.
La esfera mide el 24 % del alto del isotipo. Se toma entera, sin la órbita.
Hacer
0,20 em
línea base
altura de mayúscula
Hacer
Ideas
Medir
Nexa
Vamos
Sí
Espaciado aplicado
Hacer
Otro color de esfera
Hacer
Volumen, brillo o sombra
Hacer
Deformarla o agrandarla
Repetirla como patrón
Hacr
Reemplazar letras
Hacer.
Teal en textos o fondos
No
1.2 · Órbita
La esfera viaja por su órbita.
Las medidas escalan por cada 794 px de ancho; en lienzos de hasta 1200 px, los grosores se multiplican por 1,75.
Esfera · punta del arcoArco · el avanceAnillo · el recorridoHalo · el foco
Anillo
1 px por 794 px, opacidad 16–22 %. Máximo 2 órbitas interiores, y sólo en una órbita vacía (anatomía, mapa de portafolio): alrededor de una palabra, el logo, un objeto o una lente va un solo anillo.
Arco
1,6–2 px, punta redonda, sentido horario; 40–60° con esfera.
Esfera
Radio 3,5–4 px; siempre en la punta del arco. Su anillo propio (r 9 px) significa «en vivo»: el eco del pulso o un estado activo; el contrato lo pide con live.
Radio
30 % del ancho en retrato; 40 % del alto en horizontal.
Halo
13 % → 3 % → 0 % sobre oscuro; sobre papel, a la mitad (× 0.5). Nada de brillos ni reflejos.
Contraste del acento
3:1 contra su fondo como gráfico o en texto de 24 px o más; nunca en texto menor (ahí, navy o blanco). La burbuja URL, 4.5:1.
Logo y órbita
El logo va dentro de la órbita sólo en los cierres de marca (deck, video, muro de recepción), con su resguardo libre; en objetos, el logo va solo en el dorso.
Arco de avance
Sólo con un dato real: el arco mide el dato.
Posición
Centro fuera del eje, a la derecha y arriba. El texto nunca cruza la órbita. Una por pieza.
Con haloAnillo, arco corto con su esfera y el halo: portadas y cierres.PlanaSin halo: sobre fotos, en papel y en tamaños chicos.Con órbitas interioresHasta dos, al 72 % y 44 % del radio, sólo en una órbita vacía; con algo adentro, un solo anillo.Con satélitesArco largo en degradé, sin esfera; los satélites van sobre él.Un datoLa esfera recorre hasta el valor, con su estela corta.
Sala libre
Sala ocupada
EstadoAnillo = libre o abierto; esfera = ocupado o decidido. Nunca semáforo.
1.2 · La órbita
La forma canónica de la esfera sale del propio isotipo (nave, órbita y esfera) y ya está en producción en las portadas de Efeonce Insights. Un anillo tenue es el recorrido; el arco, lo avanzado; la esfera en la punta, dónde vamos; el halo, el foco sobre lo importante. Todo es línea fina y luz, nunca un disco plano.
Esfera · punta del arco
Arco · el avance
Anillo · el recorrido
Satélite
Órbitas interiores (máx. 2)
Halo · el foco
Anatomía
Efeonce · Insights
¿Qué cambió este mes?
Lo que medimos
Simple · portada
62 %
de las respuestas de IA ya mencionan la marca
Ejemplo: el arco mide el dato real. Sin dato, no hay arco de avance.
Avance · el arco mide
Tú
¿Apareces cuando le preguntan a la IA por tu categoría?
Te lo medimos en Google, ChatGPT, Gemini y Perplexity.
Con satélites
Regla
Anillo: 1 px por cada 794 px de ancho (en redes, ×1,75: 2,4 px sobre 1080), opacidad 16–22 %. Máximo dos órbitas interiores (72 % y 44 % del radio, opacidad 11 % y 6 %).
Arco: 1,6–2 px por cada 794 px, punta redonda, sentido horario. Corto (40–60°) con esfera; largo (hasta 140°) en degradé cuando lleva satélites, y entonces sin esfera.
Esfera: radio 3,5–4 px por cada 794 px (en redes, ×1,75: 8 px sobre 1080); siempre en la punta del arco, nunca suelta.
Radio de la órbita: 30 % del ancho en retrato; en horizontal, 40 % del alto.
Halo radial: 13 % en el centro, 3 % al 60 %, 0 al borde. Nada de brillos ni reflejos.
Arco de avance: sólo con un dato real; el arco mide el dato.
Satélites: discos de 30 px con el ícono del canal o producto, sobre la órbita exterior.
Color (tokens AXIS del deck)
Fondo #001A33 --axis-deck-navy-920
Acento #36C8BF --axis-deck-teal-500
Halo #72DED8 --axis-deck-recipe-cover-halo-teal
Decidido (25-09-2026): en oscuro manda esta paleta. En papel, navy #023C70 para texto y teal #0E8C82 sólo para gráfica (esfera, arco, anillo): en texto chico no llega a 4,5:1. Desde el 26-09: el acento pide 3:1 como gráfico o en texto de 24 px o más, y nunca va en texto menor.
1.2.1 · Trayectoria
El arco avanza, solo si un dato lo prueba.
La órbita recorre; no se llena como un loader. Un dato es la posición de la esfera: parte a las 12 (la marca en el anillo) y viaja en sentido horario valor × 360°, con la misma estela corta del acento detrás y, debajo, el camino recorrido desde las 12. 60 % es siempre la esfera a 216°, en cualquier pieza. Sin dato real y con su fuente, la esfera no se mueve.
0 %La esfera en la partida30 %La esfera a 108° de la partida60 %La esfera a 216° de la partida70 %La esfera a 252° de la partida100 %La vuelta completa: vuelve a las 12
Trayectoria
Qué dice
Regla
Dato (measure)
Un valor real, con su fuente
El dato es la posición de la esfera: parte a las 12 (marca en el anillo), sentido horario, valor × 360°. Detrás, la estela corta del acento (50°), nunca antes de la partida. Debajo, el camino recorrido de las 12 a la esfera, en el color de la estela al 60 % y con 0,75 × su trazo: deja leer cuánto avanzó sin volverla un medidor que se llena (contrato 0.5.0). 0 %: la esfera en la partida, sin camino. 100 %: vuelve a las 12 tras la vuelta y el camino es el anillo completo. Se imprime el valor entero («60 %») y la fuente. Dos datos en una pieza: mismo radio, misma partida.
Avance (progress)
En qué sección va un deck o informe
Es la navegación del deck (5.2): la portada muestra el arco corto; cada sección suma su tramo; el cierre completa la órbita con la esfera arriba. La esfera siempre en la punta.
Acento (orbit)
Movimiento, no un dato
40–60° desde arriba a la izquierda. Nunca junto a un número.
Satélites
El mapa de portafolio
Hasta 140°, desde la izquierda.
En el paquete: measureSvg({ value, source, circle, line }), <AxisOrbit measure={…} /> o <axis-orbit value="0.6" source="…">. El resultado trae trajectory.valueLabel para imprimir la cifra que el arco dibuja.
El camino recorrido. Con sólo la estela corta, un dato se leía como menos de lo que vale. Desde efeonce.graphic-line-orbit 0.5.0 toda medida lo dibuja; con gravedad, toma el color de la gravedad. La comparación antes y ahora está en la referencia del correo de Efeonce.
Excepción de gravedad. Cuando el dato es un puntaje con una escala de gravedad publicada (hoy, sólo la portada del Efeonce AI Visibility Report), la estela, la esfera, su brillo y el punto de la etiqueta toman el color de la gravedad (efeonceGraphicLine.measureSeverity). El anillo, la marca de partida y la cifra no cambian; la etiqueta en texto va siempre y la escala se ve en la misma pieza. Los umbrales son del productor. No es un permiso para la marca de estado, que sigue sin semáforo. Está en la referencia del AI Visibility Report.
1.3 y 1.4 · Lente y foco
La lente enfoca; el foco hace visible.
La lente deja la foto en navy apagado y el círculo a color. El foco es la misma forma leída como luz de escenario: «Te hacemos visible. Y lo medimos.», siempre con su mecanismo al lado.
Lente: la esfera muestra dónde está la decisión; exige una foto con un punto de interés claro.
Foco: penumbra navy y una sola luz por pieza; la esfera chica es la lámpara.
Nunca nombres reales de competidores en el campo en penumbra. El claim requiere revisión legal antes de pauta.
Hacer
Muro de recepción · lensRecipe('wall') · 1920 × 1080
¿Qué cambió este trimestre?
Lo que medimos
Portada de deck · lensRecipe('deck-cover') · 1920 × 1080
¿Cuál sale al aire?
Esta
Post · lensRecipe('post') · 1080 × 1350 · línea Brand
¿Quién escribe el próximo brief?
Los dos
Story · lensRecipe('story') · 1080 × 1920
Te hacemos visible
Y lo medimos.
Foto · luz de escenario · spotlightRecipe('photo') · línea Engine
Te hacemos visible
Y lo medimos.
Evento o recepción · spotlightRecipe('event')
Estos seis casos salen de las recetas de @efeoncepro/axis-graphic-line sobre las mismas fotos de las láminas: la receta pone la lente o el foco, la órbita con su aire, el texto al costado del anillo (nunca cruzándolo) y la firma de Efeonce donde corresponde. Las láminas de referencia siguen abajo.
1.3 · La lente
La lente
La foto entera en navy apagado; dentro del círculo, a todo color y ampliada. La esfera muestra lo que importa: donde está la decisión.
Por qué tiene punch
Contraste de tratamiento: monocromo contra color. El ojo va directo al círculo.
Tiene significado: enfocar, decidir, mirar de cerca. Encaja con el oficio a la vista.
Funciona con cualquier foto del lenguaje fotográfico, sin producir imágenes nuevas.
Riesgo
Depende de que la foto tenga un punto de interés claro para el círculo. Con una foto débil, se nota el truco.
Hacer
Muro de recepción
¿Qué cambió este trimestre?
Lo que medimos
Portada de deck
¿Cuál sale al aire?
Esta
Post
¿Quién escribe el próximo brief?
Los dos
Story
1.4 · El foco: «Te hacemos visible»
Te hacemos visible.
La lente leída como foco de escenario. La esfera, en la punta de su arco, es la lámpara; el círculo, su luz; lo que queda dentro, el cliente. Es la promesa más clara del marketing dicha con la forma de la marca, y siempre va con su prueba: la visibilidad se mide.
Cómo se expresa
Verbal: «Te hacemos visible.» como idea de campaña bajo «Empower your Growth», con remate de prueba: «Y lo medimos.»
Visual: penumbra navy y un solo foco; la esfera chica es la lámpara.
Espacio: un foco real con el círculo en recepción, stand o escenario.
Motion: el foco barre la escena y se posa sobre el cliente.
Cuidar
Anti-humo: «visible» siempre con mecanismo al lado (visibilidad en buscadores y respuestas de IA, alcance medido); calza sobre todo con Wave y Reach.
El foco de escenario es un recurso conocido: lo propio es la esfera en la punta del arco, la penumbra navy y una sola luz por pieza.
Nunca nombres reales de competidores en el campo en penumbra.
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Tú
¿Quién aparece cuando le preguntan a la IA por tu categoría?
Te hacemos visible. Y lo medimos.
Post AEO · la tuya en el foco
Te hacemos
visible
Foto · luz de escenario
Te hacemos visible.
Evento o recepción · un foco real proyecta el círculo
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
1 · Todo en penumbra
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
2 · El foco busca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Tú
3 · Se posa sobre ti
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Otra marca
Tú
4 · Te hacemos visible
Te hacemos visible. Y lo medimos.
Movimiento · cuatro cuadros · 4 piezas
2
Capítulo 2: La voz y el oficio
¿Cómo habla y cómo muestra su trabajo?
2.1 · Voz
Siempre hay dos voces.
Pregunta real del cliente con su anillo; respuesta de una a tres palabras que cierra con la esfera y mide al menos 3 veces la pregunta. Banco de pares: propuesta por aprobar.
¿Lo medimos?
Siempre
¿Quién decide?
Tú, con evidencia
¿Cuánto rindió?
Te mostramos todo
¿Cómo va?
En vivo
¿Otra agencia más?
No. Un sistema
¿Y si lo probamos?
Hoy
2.1 · Voz: pregunta y respuesta
La pregunta abre con el anillo: es la voz de quien trabaja con nosotros. La respuesta cierra con la esfera: la decisión. La evidencia, cuando existe, va debajo.
Cuidar
Preguntas que el cliente hace de verdad; nunca chistes ni frases motivacionales.
Tuteo neutro; sin voseo ni modismos.
Nunca dos preguntas ni dos respuestas seguidas.
La respuesta no promete resultados que no podemos probar.
¿Qué aprendimos este ciclo?
Tres cosas
Te las contamos en 60 segundos.
Pregunta
Poppins Light con anillo teal. Es la entrada de las tres voces: una pregunta real del cliente, no retórica.
Respuesta
Bricolage, una a tres palabras, cierra con la esfera. Es el dominante: mide al menos 3× la pregunta.
Evidencia
Poppins, una palabra en negrita. Es el remate: dato, fuente o mecanismo. Puede faltar.
Abierta
En cuadernos, pizarras y formularios la pregunta queda sola con su anillo: responde quien lo usa.
Estructura · 2 piezas
¿Lo medimos?
Siempre
¿Quién decide?
Tú, con evidencia
¿Y si después lo hago yo?
Esa es la idea
¿Y el reporte del viernes?
Ya lo viste
¿Cuánto rindió?
Te mostramos todo
¿Cómo va?
En vivo
¿Dónde quedó lo aprendido?
En tu historial
¿Otra agencia más?
No. Un sistema
¿Y si lo probamos?
Hoy
Banco de pares (candidatos, sin aprobar)
2.2 y 2.3 · Eslogan y oficio
El acento cierra; el trabajo se ve.
«Empower your Growth» en sus dos formas oficiales, con la palabra final por marca (Growth, Brand, Engine, Voice), sólo en cierres. El oficio a la vista usa guías, marcas de corte, la selección y los cursores de AXIS: máximo dos herramientas por pieza.
2.2 · Eslogan
El acento cierra, también en el eslogan.
«Empower your Growth» tiene dos formas oficiales: el bloque con el logo, centrado debajo, y el eslogan solo, con la palabra final destacada. La palabra final rota por capability, y en la línea toma el mismo papel que la esfera: el acento va al cierre.
Reglas
El bloque se usa desde el archivo oficial; no se rearma.
Va en cierres: final de video, última lámina, contratapa, firma de correo, recepción, merch.
No va en cada post: ahí la respuesta con esfera ya cierra.
Nunca pegar la esfera al eslogan, traducirlo ni cambiar pesos o cursivas.
Growth, Brand, Engine y Voice según la capability que lidera (09_marca-agencia).
Cierre de video · Efeonce
EmpoweryourBrand
Cierre de video · Globe
[Nombre Apellido]
[Cargo] · Efeonce
[correo] · [teléfono]
Firma de correo · la actual está en 5.6
2.3 · Oficio a la vista
El trabajo se ve mientras ocurre.
Cinco herramientas, máximo dos por pieza además de la esfera. El titular cierra con su esfera y la selección, las marcas y los cursores la incluyen: es parte del texto. Las guías y marcas van en azules; la selección y los cursores son los de AXIS, tal como se resuelven y pintan en producción.
Idea
Guía · 1 px, del borde del texto al borde del soporte
Multiplayer acting · el cuerpo fuera, la punta en la esquina
Idea
Multiplayer moving · presencia en tránsito
Cursores AXIS: quién actúa y quién sólo está
3
Capítulo 3: Color y familia
¿Cómo conviven las líneas de servicio con un solo lenguaje?
3.1 · Color
Navy profundo y un acento.
Contraste WCAG calculado desde los tokens. La esfera es gráfico; el texto cumple siempre 4,5:1.
Navy profundo#001A33Fondo oscuro de Efeonce--axis-deck-navy-920Teal#36C8BFEsfera, arco y anillo sobre oscuro--axis-deck-teal-500Halo#72DED8Halo y anillo tenue sobre oscuro--axis-deck-recipe-cover-halo-tealNavy#023C70Texto y gráfica sobre papelTeal oscuro#0E8C82Acento sobre claro, sólo gráficoPapel#F7F8F6Fondo claroTinta de línea#091951Fondo oscuro de las líneas de servicio
Par
Contraste
Uso
Teal sobre navy profundo
8,5:1
Esfera, arco y anillo en piezas oscuras
Teal oscuro sobre papel
3,9:1
Sólo gráfico: en texto chico no llega a 4,5:1
Teal claro sobre blanco
2,1:1
No se usa: no alcanza
Blanco sobre navy profundo
17,6:1
Texto en piezas oscuras
Navy sobre papel
10,5:1
Texto en piezas claras
3.2 · Líneas de servicio
Un lenguaje, un acento por línea.
Cada línea de servicio tiene su palabra y su acento. La órbita, la voz y la tipografía son las mismas; cambia la luz. El teal es sólo de Efeonce.
Efeonce · Greenhouse
Growth
EmpoweryourGrowth
Esfera 8,5:1 sobre #001a33
Servicios creativos · Globe
Brand
EmpoweryourBrand
Esfera 5,6:1 sobre #091951
Web, infraestructura, SEO y medición · Wave
Engine
EmpoweryourEngine
Esfera 3,6:1 sobre #091951
Medios y distribución · Reach
Voice
EmpoweryourVoice
Esfera 4,4:1 sobre #091951
RevOps y CRM · HubSpot
Revenue
EmpoweryourRevenue
Esfera 5,9:1 sobre #091951
RevOps y CRM · Salesforce
Revenue
EmpoweryourRevenue
Esfera 7,4:1 sobre #091951
Línea de servicio
Eslogan
Producto (contexto)
Acento oscuro · claro
Contraste
Efeonce
Empower your Growth
Greenhouse
#36c8bf · #0e8c82
8,5:1 · 3,9:1
Servicios creativos
Empower your Brand
Globe
#ff6500 · #bb1954
5,6:1 · 5,8:1
Web, infraestructura, SEO y medición
Empower your Engine
Wave
#0375db · #0375db
3,6:1 · 4,3:1
Medios y distribución
Empower your Voice
Reach
#f83902 · #f83902
4,4:1 · 3,5:1
RevOps y CRM · HubSpot
Empower your Revenue
Se opera en HubSpot
#e86bd0 · #8e1b82
5,9:1 · 7,5:1
RevOps y CRM · Salesforce
Empower your Revenue
Se opera en Salesforce
#2fb8ff · #00739e
7,4:1 · 5,0:1
Igual en todas las líneas
La esfera y el anillo, la voz de pregunta y respuesta, Bricolage y Poppins, el papel como fondo claro y la firma de Efeonce.
Cambia por línea
El acento de la esfera, el arco y el halo, y la palabra final del eslogan. El fondo oscuro es navy para Efeonce y tinta para las demás líneas.
RevOps y CRM
No tiene plataforma propia: toma el acento de la plataforma en que se opera, HubSpot o Salesforce, en tonos propios de Efeonce, nunca los colores de la marca del partner.
4
Capítulo 4: La firma
¿Quién firma y con qué archivo?
4.1 · Quién firma
Efeonce firma todo; el producto es contexto.
Toda pieza, de cualquier línea, firma con el logo de Efeonce centrado abajo. El producto aparece dentro de la pieza como contexto —su nombre, su interfaz, su isotipo pequeño— y el lockup «by efeonce» vive sólo en la superficie del propio producto.
Efeonce · con Greenhouse
EmpoweryourGrowth
Servicios creativos · con Globe
EmpoweryourBrand
Web, infraestructura, SEO y medición · con Wave
EmpoweryourEngine
Medios y distribución · con Reach
EmpoweryourVoice
RevOps y CRM · HubSpot
EmpoweryourRevenue
RevOps y CRM · Salesforce
EmpoweryourRevenue
GlobeCreative StudioWaveBúsqueda, web y mediciónReachMedios y distribuciónGreenhousePlataforma operativa
En el mapa de portafolio, el arco y el centro son de Efeonce; Globe, Wave, Reach y Greenhouse, el producto de Efeonce que orquesta todas las líneas, orbitan como satélites: son contexto, no firma.
4.2 · Logo completo o isotipo
Logo completo o isotipo.
4.2 · Logo completo o isotipo
Cada marca tiene logo completo e isotipo. El logo completo firma cuando hay espacio; el isotipo firma en formatos chicos o cuadrados. En oscuro se usa siempre el negativo oficial todo blanco.
Cuándo usar cada uno
Logo completo: post, slide, portada, email, reverso de taza, muro.
Isotipo: avatar de redes, favicon, pin, sticker, credencial, lomo de cuaderno, marca de agua en video.
Nunca los dos en la misma vista.
Nunca recolorear un isotipo ni combinar isotipos de distintas marcas en un emblema nuevo.
Productos: su isotipo firma dentro de su propio contexto; Efeonce aparece en el logo completo («by efeonce») o en la pieza madre.
Efeonce
Globe
Wave
Reach
Avatares · isotipo en negativo sobre el fondo de cada marca
Stickers · isotipo a color
Aviso: el isotipo de Wave en negativo (repo y OneDrive) conserva media figura en azul. Si existe una versión toda blanca, se reemplaza.
Stickers · isotipo a color
4.3 a 4.5 · Logo e isotipo desde el archivo oficial
El logo se usa desde el archivo oficial.
Logo: resguardo igual al alto de la nave; mínimo 96 px o 25 mm. Isotipo: resguardo igual al diámetro de su esfera; mínimo 24 px o 8 mm. Tamaños por validar con prueba de impresión. La URL va siempre en su burbuja oficial, con fusión de luminosidad sobre el fondo; nunca como texto.
Sí · A color sobre papel: el navy oficial, desde el archivo.
Sí · Negativo sobre navy: siempre el archivo negativo, todo blanco.
Somos y medimos
Sí, con reglas · En un titular grande: misma altura de x y misma línea base que el texto, una vez por pieza.
Sí · Isotipo en avatar, al 60 % del círculo.
Sí · Isotipo desde 24 px. A 16 px se pierden las ventanas de la nave.
No · Estirar o comprimir.
No · Rotar o inclinar.
No · Sombras, brillos o contornos.
No · Sin contraste.
No · Órbita alrededor del logo.
No · Agregarle la esfera o un punto.
Nunca al logo
Estirar o comprimir.
Rotar o inclinar.
Recolorear (ni teal, ni el acento de otra marca).
Degradados o efectos.
Sombras, brillos o contornos.
Sin contraste: navy sobre azul oscuro o sobre textura.
Sobre una foto cargada.
Órbita alrededor del logo.
Agregarle la esfera o un punto.
Escribirlo con una fuente.
Logo e isotipo juntos.
En texto corrido en lugar de una palabra (en titulares grandes sí, alineado por altura de x y línea base).
Nunca al isotipo
Rotarlo o voltearlo: la nave sube hacia la derecha.
Recolorearlo o ponerle degradé.
Estirarlo.
Ponerle otra órbita: ya trae la suya.
Recortarlo en un círculo que lo corta.
Armar un logo propio con una palabra tipeada.
Ponerlo sin contraste.
Mezclarlo con otro isotipo.
4.3 · Logo: uso correcto
El logo se usa desde el archivo oficial, con aire y contraste.
Ocho reglas que cubren casi todos los casos. Si una pieza no calza con ninguna, se consulta antes de inventar una variante.
Cómo elegir
¿Hay espacio para el logo completo a 96 px o más? Logo completo. Si no, isotipo (avatar, favicon, pin, credencial).
¿El fondo es navy u oscuro? Negativo oficial. ¿Blanco o papel? A color. ¿Foto? Busca la zona calma o cambia la foto; no se oscurece encima.
En objetos, el logo va en el dorso, solo; adelante va la palabra con su punto.
Los archivos viven en src/assets y en OneDrive (13- Branding/SVG). Nunca se redibujan ni se exportan desde una captura.
✓
Sí · A color sobre blanco o papel · navy oficial
✓
Sí · Negativo sobre navy · siempre el archivo negativo, todo blanco
✓
Sí · Sobre foto, en una zona calma · contraste ≥ 4,5:1 medido; nunca con velo encima
X
✓
96 px · 25 mm
Recomendado ≥ 160 px
Isotipo mínimo · 24 px · 8 mm
✓
Sí · Tamaño mínimo · bajo eso, el isotipo
✓
Sí · Familia a color · cada marca con su archivo
✓
Sí · Familia en negativo · productos sobre #091951
✓
Sí · Logo con eslogan · sólo el bloque oficial, en cierres
4.4 · Logo: usos incorrectosDoce cosas que nunca se le hacen al logo.12 piezas
Todas tienen la misma causa: tratar el logo como una imagen editable. El logo es un archivo cerrado; lo que cambia es dónde y sobre qué se pone.
Si ninguna versión funciona
Cambia el fondo o la foto, no el logo.
Si el espacio es muy chico, usa el isotipo; si es muy grande, deja más aire, no lo estires.
¿Falta una versión (por ejemplo, un negativo todo blanco de Wave)? Se pide a diseño; no se arma en la pieza.
✕
No · Estirar o comprimir · cambia la proporción
✕
No · Rotar o inclinar · el logo va siempre horizontal
✕
No · Recolorear · ni teal, ni el acento de otra marca
✕
No · Degradados o efectos · el logo es plano
✕
No · Sombras, brillos o contornos
✕
No · Sin contraste · navy sobre azul oscuro, o sobre textura
✕
No · Sobre una foto cargada · el logo compite con la escena
✕
No · Órbita alrededor del logo · la órbita rodea palabras, no el logo; sólo los cierres de marca (deck, video, muro de recepción) lo llevan adentro, con su resguardo
✕
No · Agregarle la esfera o un punto · la esfera es de la palabra, no del logo
efeonce
✕
No · Escribirlo con una fuente · se usa el archivo, no se tipea
✕
No · Logo e isotipo juntos · uno u otro en cada vista
Nuestro equipo en revisa cada informe antes de enviarlo y documenta las decisiones.
✕
No · En texto corrido · en párrafos, interfaz o tamaño chico; en titulares sí, con reglas (4.3)
4.5 · Isotipo: correcto, incorrecto y tamaño mínimoEl isotipo ya es una órbita: no se le agrega nada.14 piezas
La nave con su anillo y su esfera es el origen de la línea gráfica. Por eso firma sola en formatos chicos y nunca lleva otra órbita, otro punto ni otro color.
Logo o isotipo
Isotipo: avatar, favicon, ícono de app, pin, sticker, credencial, lomo de cuaderno, marca de agua en video.
Logo completo: todo lo demás, siempre que quepa a 96 px o más.
Nunca los dos en la misma vista. Cada marca de la familia tiene su isotipo; ninguno se recolorea ni se combina.
✓
Sí · A color sobre blanco o papel
✓
Sí · Blanco sobre navy · el archivo blanco oficial
✓
Sí · Avatar de redes · círculo navy; el isotipo ocupa 60 % del ancho
✓
Sí · Ícono de app o favicon · cuadrado redondeado, mismo margen
X
✓
96 px
48 px
32 px
24 px
16 px
✕
✕
No · Rotarlo o voltearlo · la nave sube hacia la derecha, siempre
✕
No · Recolorearlo · ni teal, ni naranja, ni degradé
✕
No · Estirarlo
✕
No · Ponerle otra órbita · el isotipo ya trae la suya
✕
No · Recortarlo en un círculo que lo corta · el círculo contiene; no corta
Efeonce
✕
No · Armar un lockup propio · isotipo + palabra tipeada no es el logo
✕
No · Sin contraste · navy sobre azul oscuro
✕
No · Mezclarlo con otro isotipo · nada de emblemas combinados
5
Capítulo 5: En uso
¿Cómo se ve en el día a día?
5.1 y 5.2 · Pantalla
Donde antes había un disco, ahora hay una órbita.
Deck, campaña, story, banner y muro con la misma regla; en el deck la órbita es la navegación. La pieza completa por superficie (web, DOOH, pDOOH, motion, video y deck), con sus recetas aprobadas: composición por superficie.
Revisión trimestral · Q3 2026
¿Qué cambió este trimestre?
Lo que medimos
Portada · deckSlideHtml('cover')
02
Sección 2 de 5
¿Qué probamos?
Lo que probamos
Sección · 2 de 5 · deckSlideHtml('section')
Revisión trimestral · 3 de 5
¿Qué funcionó?
Lo que repetimos
+38 %
clics orgánicos vs. Q2
12
piezas aprobadas en primera ronda
4 de 5
respuestas de IA nos mencionan
Ejemplo de estructura; las cifras son de muestra, no datos reales.
Contenido · 3 de 5 en la esquina · deckSlideHtml('content')
¿Qué sigue?
Decidir juntos
EmpoweryourGrowth
Cierre · la órbita se completa · deckSlideHtml('close')
¿Quién escribe el próximo brief?
Los dos
Post 4:5 · campaña · lensRecipe('campaign-post')
¿Cómo va tu campaña?
En vivo
Entra a tu operación cuando quieras.
LinkedIn 1200 × 627 · lensRecipe('linkedin')
Deck y campaña armados con deckSlideHtml y lensRecipe de @efeoncepro/axis-graphic-line: la órbita es la navegación (cada sección suma su tramo; el cierre la completa con la esfera arriba); en papel baja a 80 px en la esquina como indicador; en campaña rodea la lente con aire, con la esfera arriba a la izquierda, lejos de la cara.
5.1 · Aplicaciones
Deck, campaña, story, banner, muro y movimiento con la misma regla. En las fotos, la órbita rodea la lente: la foto en navy apagado, el círculo a color y el arco con su esfera alrededor.
Cómo se lee
Una sola órbita por pieza. La esfera marca dónde vamos; el titular sigue cerrando con su punto.
En fotos, la órbita no tapa la cara ni el gesto: rodea la lente con aire.
En movimiento: el anillo aparece, el arco crece en 600 ms, la esfera llega y asienta; al final, la firma.
Revisión trimestral · Q3 2026
¿Qué cambió este trimestre?
Lo que medimos
Portada de deck
¿Cuál sale al aire?
Esta
Post · la lente con órbita
Visible
¿Quién aparece cuando preguntan por tu categoría?
Te hacemos visible. Y lo medimos.
Story
Hacer
Muro de recepción
Te hacemos visible
Crecimiento medido: marca, búsqueda y medios.
Banner de LinkedIn
EmpoweryourGrowth
Movimiento · el arco crece, la esfera llega y aparece la firma · 4 piezas
5.2 · Deck y campaña
La órbita también cuenta el avance.
En el deck, la órbita es la navegación: el arco crece sección a sección y en el cierre se completa. En campaña, rodea la lente sobre las fotos del lenguaje fotográfico.
Reglas
Deck: portada con arco corto; cada sección suma su tramo; el cierre completa la órbita con la esfera arriba.
Contenido en papel: la órbita baja a 80 px en la esquina, sólo como indicador.
Campaña: la órbita rodea la lente con aire; la esfera va arriba a la izquierda, lejos de la cara.
El titular sigue cerrando con su punto; la órbita no reemplaza la voz.
Revisión trimestral · Q3 2026
¿Qué cambió este trimestre?
Lo que medimos
Portada
02
Sección 2 de 5
¿Qué probamos?
Lo que probamos
Sección · el arco = 2 de 5
Revisión trimestral · 3 de 5
¿Qué funcionó?
Lo que repetimos
+38 %
clics orgánicos vs. Q2
12
piezas aprobadas en primera ronda
4 de 5
respuestas de IA nos mencionan
Ejemplo de estructura; las cifras son de muestra, no datos reales.
Contenido · la órbita chica marca 3 de 5
¿Qué sigue?
Decidir juntos
EmpoweryourGrowth
Cierre · la órbita se completa
¿Quién escribe el próximo brief?
Los dos
Post 4:5 · campaña
¿Cómo va tu campaña?
En vivo
Entra a tu operación cuando quieras.
LinkedIn 1200 × 627
5.3 · Oficina
Lo primero que se ve es la órbita.
Llegar, trabajar y convivir. El logo completo va una sola vez, en recepción. En las salas, el anillo es libre y la esfera, ocupado; el arco del estado mide tiempo real.
5.3 · Oficina (1/3) · Llegar
Recepción, pantalla, directorio y señalética. La marca completa aparece una sola vez, en el muro de recepción; desde ahí, la línea guía sin repetir el logo.
Reglas para llegar
El logo completo va una sola vez: en el muro de recepción, dentro de su órbita.
Las salas se llaman como los verbos de la línea, con su punto: Hacer, Medir, Crear (propuesta).
En el directorio, cada área lleva la esfera en el acento de su marca.
La señalética de servicio (cocina, baños, salida) va en Poppins, sin esfera ni órbita: se lee, no decora.
Pantalla de recepción: el cierre de marca en loop; sin sonido.
EmpoweryourGrowth
Muro de recepción · la órbita y el logo · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Loop de marca de 4,5 s; con movimiento reducido, cuadro fijo.
Pantalla de recepción · cierre de marca en loop
¿A dónde vas?
Salas Hacer y Medir
Reuniones · piso 3
Estudio
Globe · producción creativa
Búsqueda y datos
Wave
Medios
Reach
Cocina
Café y agua
Directorio de piso
Sala
Hacer
Libre desde las 16:00
Sala
Medir
Libre desde las 16:00
Sala
Crear
Libre desde las 16:00
Cocina
→
Baños
←
Salida
↓
Placas de sala y señalética de servicio
Hacer
Sala de espera · mural con lente
5.3 · Oficina (2/3) · TrabajarEl estado se dice con la forma.12 piezas
Salas, pasillo, pizarras y cabinas. El anillo significa abierto o libre; la esfera, decidido u ocupado. Es la misma gramática de la voz, ahora en la arquitectura.
Reglas para trabajar
Anillo = libre o abierto; esfera = ocupado o decidido. Nunca como semáforo de colores.
El arco del estado de sala mide tiempo real; sin dato, no hay arco.
Una lente o una órbita por muro o por vidrio; nada de patrones.
Muro de voz: una pregunta y su respuesta por espacio, del banco de voz (2.1).
Sala 02
En sesión hasta las 16:00
Sala · vidrio esmerilado con órbita en vinilo · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Sala
Hacer
En sesión
Termina a las 16:00
El arco muestra el tiempo real que ya pasó de la reunión.
Estado de sala · el arco mide el tiempo · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
¿Cuál sale al aire?
Esta
v07 · aprobada por dirección de arte
Pasillo · muro de trabajo con lente · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
¿Qué aprendimos
en este ciclo?
Escríbelo adentro.
Pizarra de proyecto · ciclo 07
Pizarra · el imán avanza por la órbita · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
¿Lo medimos?
Siempre
Muro de voz: una pregunta y su respuesta, pintadas. Una por espacio.
Muro de voz · pregunta y respuesta · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Libre
En el aire
Anillo: libre
Esfera: grabando o en llamada
Cabina de llamadas y podcast · anillo libre, esfera en el aire · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
5.3 · Oficina (3/3) · ConvivirLa marca también se toma y se lleva.6 piezas
Cocina, puesto de trabajo, pantallas y mesas. Aquí la línea es cotidiana: tazas, cuaderno, credencial, stickers, fondos de pantalla y tarjetas de mesa.
Reglas para convivir
Tazas: adelante la palabra con su punto (con o sin órbita); atrás el logo solo (5.5).
Credencial: la foto con su órbita, el nombre con su punto y el logo abajo.
Stickers: la esfera, el anillo, la órbita y una respuesta; nunca el logo recoloreado.
Fondos de pantalla: la órbita a la derecha y la zona izquierda libre para la cámara.
Tarjetas de mesa y avisos usan la voz: pregunta con anillo y respuesta corta. Los datos reales (clave, horarios) los completa la oficina.
¿Otra vuelta?
Vamos
Cocina · la repisa de tazas bajo su pregunta · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Ideas
Julio Reyes
Managing & GTM Director
Sí
Hacer
Puesto · cuaderno, credencial, stickers y bolsa · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Fondo de escritorio y de Teams: la zona izquierda queda libre para la cámara.
Fondo de escritorio y de Teams
¿Clave del wifi?
[clave]
¿Primera vez aquí?
Pasa
Tarjetas de mesa: la voz también recibe a las visitas.
Tarjetas de mesa
5.4 · Oficina en foto
Del plano al espacio real.
Cómo se ve la oficina de 5.3 cuando deja de ser un plano: fotos en registro documental generadas desde el arte exacto. Son maquetas de dirección, no archivos de producción.
5.4 · Oficina en foto
La oficina de 4.3, fotografiada.
Las nueve aplicaciones de oficina llevadas a un espacio real: mural, vidrios, pasillo, pizarra, pantalla de sala, muro de voz, cocina, puesto y cabinas.
Cómo se hicieron
Cada foto parte del arte plano de 5.3 como referencia exacta: GPT Image 2.5 Sunburst sólo pone el espacio, el material y la luz; la gráfica no se redibuja.
Registro documental: luz de día con una dirección, materiales reales, nadie mira al lente.
Cuatro se corrigieron editando la foto: dos notas de la lámina que el modelo pintó en el muro, un espacio antes del punto y el logo del carnet (repuesto desde el logo oficial).
Son maquetas de dirección. La producción sale de los archivos vectoriales, con prueba de color sobre el material real.
Recepción · el mural
Sala · vidrio esmerilado
Pasillo · muro de trabajo
Pizarra de proyecto
Estado de sala
Muro de voz
Cocina
Puesto de bienvenida
Cabinas · libre y en el aire
5.5 y 5.6 · Objetos, video y firma
La palabra al frente; el logo solo, atrás.
Objetos: la palabra al frente y el logo solo atrás. El cierre de video dura 4,5 s: anillo, arco, la esfera asienta, halo, logo y eslogan. La firma de correo v3.1 está aprobada en sus dos versiones, A sobre papel y B tarjeta navy: la línea que termina en la esfera aparece una vez y los partners abren su propia zona con una regla fina sin esfera.
Nombre Apellido.
Cargo · Efeonce
+56 9 0000 0000
nombre@efeoncepro.com
EmpoweryourGrowth
B · Tarjeta navy
Nombre Apellido.
Cargo · Efeonce
+56 9 0000 0000
nombre@efeoncepro.com
EmpoweryourGrowth
A · Sobre papel
Firma de equipo, para el buzón de un área (variant: 'team'): sin foto, la misma órbita rodea el ícono del área; el nombre es el área y lleva sólo su correo.
Talent.
Personas y talento · Efeonce
talent@efeoncepro.com
EmpoweryourGrowth
Equipo · Talent
Finance.
Finanzas y facturación · Efeonce
finance@efeoncepro.com
EmpoweryourGrowth
Equipo · Finance
Commercial.
Comercial y alianzas · Efeonce
sales@efeoncepro.com
EmpoweryourGrowth
Equipo · Commercial
Contrato efeonce.email-signature 0.3.0 (estable): zonas en orden, con el aire que resuelve resolveEmailSignatureIntent.
Zona
Aire antes
Regla
Foto con órbita portrait
—
portraitOrbitSvg: la geometría sale del token portrait; en correo, PNG 2×.
Ícono del área con órbita area-mark
—
Sólo en la firma de equipo: la misma órbita del retrato rodea el ícono del área (Tabler outline) sobre un disco; sin foto.
Nombre y cargo identity
—
El nombre es la única voz de titular (Bricolage 800 y punto de acento). El cargo va en Poppins 400.
Teléfono y correo contact
—
Texto vivo en Poppins 13 con íconos Tabler outline en el acento. Sin «Quedo atento»: el cierre va en el cuerpo del correo.
Burbuja URL y LinkedIn links
—
La URL siempre en su burbuja horneada; LinkedIn como ícono con enlace.
Línea que termina en la esfera sphere-divider
18 px
Aparece una sola vez: separa la identidad del cierre de marca.
Cierre de marca brand-close
14 px
Logo y eslogan de la línea.
Regla de sección section-rule
20 px
Una línea fina, sin esfera. Abre la zona de partners; si la esfera se repite, pierde identidad.
Partner oficial de endorsement
16 px
Logos oficiales en un solo tono, con el mismo peso óptico, en filas justificadas; una sola imagen con alt que nombra a cada partner. Sólo relaciones que permiten decir «partner».
Respuestas y reenvíos · una línea de texto vivo, sin imágenes (variant: 'reply').
Sin fuentes web · Outlook y Gmail muestran Arial; la firma se revisa también así y a 390 px.
La regla de sección es el borde superior de una celda: Outlook ignora la altura de un bloque de 1 px.
La firma no es el pie del correo. La firma de correo es de cada persona. El pie de los correos que envía Efeonce (agenda, bloque de marca con el eslogan de la línea, redes y bloque legal) y los dos CTA son otros módulos, con su propio contrato: están en la referencia del correo de Efeonce.
5.5 · Objetos y video
En la taza, la órbita acompaña a la palabra; nunca al logo.
Decisión del operador (25-09-2026): la blanca con «Hacer.» y su punto es la favorita; la órbita alrededor de la palabra en Bricolage también funciona, en toda la familia. Cada taza tiene dos caras: adelante la palabra, atrás el logo solo. Renders 3D sobre el mismo modelo de taza.
Las dos blancas comparten el reverso: el logo solo.
Regla de objetos
Frente: la palabra en Bricolage con su punto; la órbita es opcional y siempre alrededor de la palabra, con el acento de cada marca.
Reverso: el logo solo, chico y abajo, sin órbita ni texto. La órbita alrededor del logo quedó descartada.
En cerámica no hay halo: anillo 0,5 mm, arco 1,2 mm, esfera Ø 4,4 mm; órbita Ø 74 mm. El interior toma el acento de la marca.
Guion
0–0,5 s anillo
0,4–1,4 s arco
1,4–1,7 s la esfera asienta
1,2–2,0 s halo
Movimiento reducido: cuadro final
Sale del paquete: ORBIT_MOTION_CSS y brandClose
Frente · Blanca · favorita
Frente · Blanca · órbita
Frente · Navy · órbita
Frente · Globe · órbita
Frente · Wave · órbita
Frente · Reach · órbita
Reverso · blancas
Reverso · navy
Reverso · Globe
Reverso · Wave
Reverso · Reach
Animación de la órbita: aparece el anillo, crece el arco, la esfera llega y asienta, sube el halo. Sin logo: el logo tiene sus propias animaciones (6.2)
La misma animación en formato cuadrado
5.6 · Firma de mail
Más marca: la órbita llega a la firma.
La v1 quedó demasiado simple. Dos opciones con la órbita alrededor de la foto (con el anillo y el arco ya no se lee como estado «disponible»). Siguen siendo HTML con texto vivo; tres imágenes como máximo: la foto, el logo y la burbuja oficial de la URL.
Por qué B
Es la única que se reconoce de lejos en una bandeja de entrada: bloque navy, órbita y punto teal.
Funciona en modo oscuro sin cambios.
En Outlook de escritorio queda fija a 460 px; en móvil se adapta.
Para instalarla
Imágenes alojadas en el bucket público de AXIS (email-signature/v3.1).
Foto real de cada persona, recortada con la órbita por el generador (firma/assets.mjs).
Cada persona la instala en Outlook desde su HTML; people@ usa la firma de Talent. Falta la URL de LinkedIn de la empresa.
5.7 y 5.8 · Merch, bienvenida, papelería y eventos
Lo que sale de la oficina con la marca.
Vaso térmico, lapiceros, pulseras, alfombra, ediciones del uniforme, credenciales, tarjeta y pin; caja de bienvenida, botella, envío a clientes, hoja membretada, sobre, llavero, stand y paraguas. Diseño plano, listo para producir con prueba física.
5.7 · Merch (1/3) · Llevar
Vaso térmico, lapiceros, pulseras y mousepad. La regla de los objetos se mantiene: adelante la palabra con su punto (y la órbita si hay espacio); el logo va atrás, solo.
Reglas para llevar
Vaso térmico: acero con pintura en polvo, banda de acero y tapa con cierre. Diseño propio: no copia la forma ni la tapa de marcas existentes.
Lapiceros: el botón superior es la esfera; la palabra va en el cuerpo y el logo cerca del clip.
Pulseras: un verbo con su punto; las de producto usan su color y texto blanco.
Alfombra: la órbita queda a la derecha, bajo el mouse.
Todo se valida con muestra física del proveedor antes de producir.
Vaso térmico · navy
Tres cuartos
Reverso · el logo solo
Vaso térmico · blanco
Vaso térmico · Globe
Hacer
Medir
Crear
El botón del lapicero es la esfera, en el acento de cada marca.
Lapiceros · la esfera es el botón · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Silicona. Cada pulsera lleva un verbo; en las de color, texto y punto van en blanco.
Pulseras de silicona · un verbo por pulsera · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Hacer
Alfombra de escritorio 90 × 40 cm: la órbita queda bajo el mouse, no bajo el teclado.
Alfombra de escritorio · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
5.7 · Merch (2/3) · VestirEl uniforme real se queda; estas son ediciones.10 piezas
El uniforme actual (polo, hoodie, gorra, chaqueta y lanyard) sigue vigente. Estas alternativas llevan la línea a cápsulas y ediciones especiales, sin reemplazarlo.
Qué cambia
Nada en el uniforme diario. Las ediciones suman la órbita y la voz donde el uniforme hoy sólo lleva el logo.
Reglas para vestir
Polera navy: la órbita con «Hacer.» centrada en el pecho, en un frente liso. En el hoodie no se usa: la capucha y el bolsillo la cortan.
Polera: una respuesta chica en el pecho y su pregunta en la nuca, por dentro («¿Lo medimos?»).
Polo: «Hacer.» bordado chico en el pecho y el botón superior de la tapeta en teal. La softshell se queda como está hoy.
Gorra: «Hacer.» bordado adelante y el botón superior en teal: la esfera.
Técnica según la tela: bordado en piqué y softshell; estampado en algodón. Prueba física antes de producir.
Actual · polo navy
Actual · hoodie (espalda)
Actual · gorra
Hacer
Polera navy · órbita con «Hacer.» en el pecho · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Siempre
Polera blanca · «Siempre.» en el pecho
Hacer
Polo navy · la esfera es el botón · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Hacer
Gorra · el botón superior es la esfera · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
5.7 · Merch (3/3) · IdentificarseLa credencial dice quién eres; la forma, qué rol tienes.12 piezas
Carnet de equipo, credenciales de evento, tarjeta de presentación y pin. En los eventos, el rol se lee por la forma: anillo para asistentes, órbita para speakers y esfera para staff.
Reglas para identificarse
Carnet: la foto con su órbita, el nombre con su punto y el cargo; el logo abajo. Atrás, la voz: «¿Lo encontraste? Devuélvelo.»
Credencial de evento: el rol por la forma (anillo, órbita, esfera), no por colores; el staff va en navy para encontrarlo rápido.
Tarjeta: adelante la persona; atrás la órbita con el logo y el eslogan.
Los datos entre corchetes se completan por evento. El lanyard actual se mantiene.
Julio Reyes
Managing & GTM Director
EmpoweryourGrowth
Carnet · frente · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
¿Lo encontraste?
Devuélvelo
En recepción o en
Carnet · reverso
[Nombre del evento]
[Fecha] · [Ciudad]
[Nombre]
[Empresa]
Asistente
Evento · asistente
[Nombre del evento]
[Fecha] · [Ciudad]
[Nombre]
[Empresa]
Speaker
Evento · speaker
[Nombre del evento]
[Fecha] · [Ciudad]
[Nombre]
[Empresa]
Staff
Evento · staff · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Julio Reyes
Managing & GTM Director
+56 9 3732 3064 sales@efeoncepro.com
Tarjeta de presentación · frente · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Tarjeta · reverso
Pin esmaltado · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
5.8 · Bienvenida y envíos (1/3)Lo primero que se abre ya habla como Efeonce.12 piezas
La caja de bienvenida para quien se integra al equipo, la botella deportiva que va adentro y el empaque para enviar merch a clientes. Afuera, la palabra con su punto; adentro, lo que la persona recibe.
Reglas
Caja de bienvenida: la tapa pregunta y responde («¿Primer día? Adelante.»); adentro, el nombre de la persona con su punto. El logo va en el canto.
Botella deportiva: acero con pintura en polvo y tapa rosca con asa; adelante el verbo en su órbita, atrás el logo solo. Diseño propio, no la forma de una marca existente.
Envío a clientes: por fuera, sobrio (logo chico y un anillo); lo que viaja por correo no anuncia lo que lleva. Por dentro, «Gracias.» y el papel de seda cerrado con un sello teal: la esfera.
Los datos entre corchetes se completan por persona o por envío.
¿Primer día?
Adelante
Caja de bienvenida · tapa · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Esto es tuyo.
[Nombre]
Botella
[Nombre]
Carnet
Llavero
Polo del uniforme
Lapicero
Hola, [Nombre]. Tu primer mes, paso a paso: [enlace].
Tarjeta de bienvenida
Caja de bienvenida · abierta · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Botella · navy
Botella · reverso
Botella · blanca
Botella · Reach
Reach · reverso
Envío
[Destinatario] [Dirección] [Ciudad]
Envío a clientes · por fuera
Gracias
El sello es la esfera: cierra el papel de seda.
Envío a clientes · por dentro · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
5.8 · Papelería y llavero (2/3)El papel lleva la órbita en la esquina y el punto al pie.8 piezas
Hoja membretada (primera página y continuación), sobre americano y llavero. La hoja usa la misma línea que la firma de mail: termina en la esfera.
Reglas
Hoja: logo arriba a la izquierda y la órbita recortada en la esquina superior derecha, al 18 % en navy. Pie con dirección, teléfono y web; la línea del pie termina en la esfera.
La continuación no lleva órbita: logo chico y número de página.
Sobre: frente con logo y remitente; en el dorso, el sello es la esfera. Cerrado = respondido.
Llavero: la argolla es el anillo y la cuenta teal es la esfera; la placa dice «Adelante.» y, atrás, el logo solo.
Texto de la carta en Poppins 11 pt; nunca la órbita detrás del texto.
[Ciudad], [fecha]
[Destinatario] [Cargo] · [Empresa]
[Nombre]
[Cargo]
Dr. Manuel Barros Borgoño 71, of. 1105, Providencia, Chile +56 9 3732 3064 ·
EmpoweryourGrowth
Hoja membretada · A4 · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
2
Hoja de continuación
Dr. Manuel Barros Borgoño 71, of. 1105, Providencia, Chile
[Destinatario] [Empresa] [Dirección] [Ciudad]
Sobre americano · frente
El sello del sobre es la esfera: cerrado = respondido.
Sobre · dorso
Adelante
Llavero · frente · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Llavero · reverso
5.8 · Eventos: stand y paraguas (3/3)En una feria la órbita se ve desde el pasillo.8 piezas
Kit de stand (telón de fondo, pendón y mesón) y paraguas para eventos. El telón hace la pregunta, el mesón firma.
Reglas
Telón: pregunta chica, respuesta grande («¿Te encuentran cuando te buscan? Aquí.») en la mitad de arriba, sobre la altura del mesón; la órbita a la derecha.
Pendón: logo arriba, la conversación al centro y los 20 cm de abajo libres (los tapan el mesón y la gente).
Mesón: el logo solo; es la firma del stand.
Paraguas: visto desde arriba es una órbita con «Siempre.»; de lado, el logo en un paño.
Validar colores con prueba de impresión en tela.
¿Te encuentran cuando te buscan?
Aquí
¿Lo medimos?
Siempre
Zona baja sin contenido
Frente del stand de 3 × 2,4 m: el telón pregunta y responde, el pendón repite el eslogan de la conversación y el mesón firma.
Stand armado · vista frontal · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
¿Lo medimos?
Siempre
Zona baja sin contenido
Pendón roll-up · 85 × 200 cm
¿Te encuentran cuando te buscan?
Aquí
Telón de fondo · 3 × 2,4 m
Mesón · 100 × 90 cm
Siempre
Paraguas · desde arriba · plano · foto (Maqueta generada con IA desde el arte exacto; la producción sale del vectorial y de una muestra física.)
Paraguas · de lado
5.9 · Merch en foto
Frente, la palabra. Dorso, el logo solo.
Maquetas generadas a partir del diseño exacto de cada pieza y de las prendas reales del uniforme. La producción sale de los archivos vectoriales y de una muestra física del proveedor.
Los Sparks de Efeonce. Los agentes de la marca como personajes propios: la esfera, la chispa del Nexa Mark, la órbita y las tres ventanas de la nave en un cuerpo que flota. Plantel, vistas, escala y reglas en la referencia de los Sparks.
Perfiles sociales. Las portadas de LinkedIn, Facebook y YouTube, el avatar de redes y los destacados de Instagram aprobados, con las medidas y zonas seguras de cada red, están en la referencia de perfiles sociales.
LapicerosEl botón es la esfera, en el acento de cada marca.Polo navy«Hacer.» bordado y el botón superior en teal.Caja de bienvenida«Esto es tuyo.» con el nombre y el kit adentro.Pulseras de siliconaUn verbo con su punto por pulsera.Gorra«Hacer.» bordado; el botón de la corona es la esfera.Envío a clientesPor dentro, «Gracias.» y el sello teal.PapeleríaLa órbita en la esquina; el sello del sobre es la esfera.Stand para feriasEl telón pregunta y responde; el mesón firma.LlaveroLa argolla es el anillo; la cuenta, la esfera.ParaguasDesde arriba, una órbita con «Siempre.».Alfombra de escritorioLa órbita a la derecha, bajo el mouse.Pin esmaltadoLa órbita en plata y teal.
5.9 · Merch en foto (1/3) · Llevar y vestir
Así se ve la línea cuando sale de la pantalla.
Lapiceros, pulseras, alfombra de escritorio, polo, polera, gorra y pin, fotografiados a partir de su arte plano.
Cómo se hicieron
Cada foto parte del arte plano de 5.7 y 5.8 como referencia exacta: el modelo (GPT Image 2.5 Sunburst) sólo pone material y luz; la gráfica no se redibuja.
Las prendas usan además los kits reales de Efeonce (polo, gorra, lanyard) como referencia de forma y tela.
Son maquetas de presentación. La producción sale siempre de los archivos vectoriales y de una muestra física del proveedor.
Lapiceros
Pulseras de silicona
Alfombra de escritorio
Polo navy · la esfera es el botón
Polera navy · órbita en el pecho
Gorra · el botón es la esfera
Pin esmaltado
5.9 · Merch en foto (2/3) · Identificarse y bienvenidaLo que se cuelga, se entrega y se abre.6 piezas
Carnet, credencial de evento, tarjetas de presentación, caja de bienvenida y empaque de envío a clientes.
Cómo se hicieron
Cada foto parte del arte plano de 5.7 y 5.8 como referencia exacta: el modelo (GPT Image 2.5 Sunburst) sólo pone material y luz; la gráfica no se redibuja.
Las prendas usan además los kits reales de Efeonce (polo, gorra, lanyard) como referencia de forma y tela.
Son maquetas de presentación. La producción sale siempre de los archivos vectoriales y de una muestra física del proveedor.
Carnet de equipo
Credencial de evento · staff
Tarjetas de presentación · frente y reverso
Caja de bienvenida · tapa
Caja de bienvenida · abierta
Envío a clientes
5.9 · Merch en foto (3/3) · Papelería y eventosLa hoja, el sobre, las llaves y el stand.4 piezas
Papelería, llavero, stand para ferias y paraguas para eventos.
Estado
Maquetas aprobables como dirección. Antes de producir: muestra física, prueba de color sobre la tela o el papel real y revisión del texto contra el archivo vectorial.
Cómo se hicieron
Cada foto parte del arte plano de 5.7 y 5.8 como referencia exacta: el modelo (GPT Image 2.5 Sunburst) sólo pone material y luz; la gráfica no se redibuja.
Las prendas usan además los kits reales de Efeonce (polo, gorra, lanyard) como referencia de forma y tela.
Son maquetas de presentación. La producción sale siempre de los archivos vectoriales y de una muestra física del proveedor.
Hoja membretada y sobres
Stand para ferias
Llavero · frente y reverso
Paraguas · desde arriba
6
Capítulo 6: Movimiento
¿Cómo se mueve?
6.1 · Movimiento
El arco crece, la esfera llega y aparece la firma.
Las secuencias del canvas salen del paquete: ORBIT_MOTION_CSS anima cualquier pieza (anillo, arco, la esfera asienta, halo y, al final, la firma; el foco barre la escena y se posa) con los tiempos del cierre de marca de los tokens. orbitMotionFrameCss(t) congela cualquier instante para un storyboard. Con movimiento reducido se ve el cuadro final.
Cierre de marca
300 ms · El anillo aparece
900 ms · El arco crece
1600 ms · La esfera llega y asienta
2600 ms · Aparece la firma
En vivo
El foco barre y se posa
Te hacemos visible
Y lo medimos.
0 ms · El foco entra
Te hacemos visible
Y lo medimos.
600 ms · Busca a quien importa
Te hacemos visible
Y lo medimos.
1300 ms · Se posa
Te hacemos visible
Y lo medimos.
2200 ms · La lámpara llega
Te hacemos visible
Y lo medimos.
En vivo
6.2 · Animaciones de marca
La órbita se mueve sola; el logo tiene tres animaciones.
Dos familias distintas. La animación de la órbita es sólo la órbita, sale del paquete y se compone con cualquier firma. Las tres animaciones del logo (reveal, apertura y sting) son piezas aprobadas con su render, su sonido y sus masters. Acá van en versión web liviana; los masters (ProRes, alfa, 4K) viven en el Drive de Branding.
En vivo, desde el paquete16:91:1
La órbita
Qué es
Sólo la órbita: aparece el anillo, crece el arco, la esfera llega y asienta, sube el halo. Sin logo ni eslogan.
Cuándo
Fondos de portada, cierres de presentación y cualquier pieza que ya tenga su propia firma o texto.
Duración
2,0 s de movimiento + 0,5 s de reposo
Formatos
Cualquiera: es SVG animado con CSS; en video, 16:9, 1:1, 4:5 y 9:16, fondo navy o claro
Cómo se recrea
En web: ORBIT_MOTION_CSS + la clase axis-orbit-animate, o <AxisOrbit animate> / <axis-orbit animate>.
Tiempos y curvas: token efeonceGraphicLine.brandClose (anillo 0–0,5 s emphasized, arco 0,4–1,4 s standard, esfera 1,4–1,7 s emphasized con 18 % de sobrepaso, halo 1,2–2,0 s standard).
Movimiento reducido: cuadro final (reducedMotion: final-frame).
Video: pnpm orbit:video -- --format 16x9 --surface dark exporta MP4 y cuadro final cuadro a cuadro con orbitMotionFrameCss(t).
Lottie: no se genera; el SVG con CSS es la fuente y pesa menos.
16:9 navy1:1 navy
Reveal · la línea se vuelve logo
Qué es
El anillo de la línea se inclina hasta la órbita del isotipo, la esfera se vuelve el planeta, la nave encaja de un golpe y la cámara lleva el isotipo a la «o» del logotipo; el eslogan cierra al 64 % del logo.
Cuándo
Firma de cierre de video, apertura de presentación o intro de evento. Marca propia de Efeonce; nunca para clientes ni UI de Greenhouse.
Duración
3,6 s, con sonido
Formatos
16:9, 16:9 4K, 1:1, 4:5 y 9:16 · navy o claro · MP4 con sonido, ProRes 4444 y WebM/HEVC con alfa, capas PNG
Cómo se recrea
Render: render-orbit-motion.mjs --anim reveal (Chromium, supermuestreo, dos pasadas: principal y halo).
Tiempos y curvas: token efeonceGraphicLine.motion (pieces.reveal, 3600 ms; curvas por rol: llega emphasized, transforma standard, sale emphasizedAccelerate); el render lee cada valor de ahí. Norma: EFEONCE_ORBIT_MOTION_LANGUAGE_V1.md.
Sonido: orbit-sound.mjs --anim reveal (sintetizado, sin muestras; −17,7 LUFS).
Codificación: encode-orbit-motion.mjs.
Spec de producción, storyboard y QA en greenhouse-eo: EFEONCE_ORBIT_REVEAL_MOTION_V1.md y ai-generations/2026-09-26_orbita-motion/.
El camino inverso: las letras se recogen, la cámara vuelve, la nave sale y el anillo se endereza hasta quedar de frente, con el arco dibujándose, listo para componer.
Cuándo
Paso del logo al lenguaje de la línea: inicio de un video o de una presentación que sigue con la órbita.
Duración
2,4 s, con sonido
Formatos
Los mismos que el reveal
Cómo se recrea
Render: render-orbit-motion.mjs --anim open.
Tiempos y curvas: token efeonceGraphicLine.motion (pieces.open, 2400 ms; curvas por rol: llega emphasized, transforma standard, sale emphasizedAccelerate). Norma: EFEONCE_ORBIT_MOTION_LANGUAGE_V1.md.
Grillas por formato con margen, zona de texto y zonas de interfaz; medidas por soporte (pantalla, redes, papel, cerámica, vinilo, pizarra y video). El banco de fotos para la lente: ocho tomas en registro documental, sin emblema legible.
7.1 · Grillas y especificaciones
Grillas por formato con margen, zona de texto, posición de la órbita y zonas que tapa la interfaz de cada red. Abajo, medidas de producción por soporte.
Proporciones
Margen: 9 % del lado corto en redes (96 px sobre 1080); 140 px en 16:9. Órbita: radio 30 % del ancho en vertical, 40 % del alto en horizontal; centro fuera del eje, hacia la derecha y arriba. El texto vive en el tercio inferior izquierdo y nunca cruza la órbita.
Texto
4:5 · 1080 × 1350
Texto
9:16 · rayado = interfaz
Texto
16:9 · 1920 × 1080
Texto
A4 · informe (Insights)
Producción por soporte
Soporte
Anillo
Arco
Esfera
Halo
Notas
Pantalla (base 794 px de ancho)
1 px · 16–22 %
1,6–2 px
r 3,5–4 px
13 → 3 → 0 % (papel: la mitad)
Escala con el ancho del lienzo.
Redes (≤ 1200 px de ancho)
× 1,75 (2,4 px sobre 1080)
× 1,75
× 1,75 (r 8 px)
igual
Verificado a 390 px de ancho: se lee sin perder finura.
Papel (informe, cuaderno)
mín. 0,3 mm
mín. 0,5 mm
mín. Ø 1,5 mm
se omite o fondo liso
Degradados bajo 5 % hacen bandas en offset.
Cerámica (taza)
0,5 mm
1,2 mm
Ø 4,4 mm
sin halo
Órbita Ø 74 mm, centrada en la cara frontal.
Vinilo (muro, vidrio) · órbita Ø 1,2 m
3 mm
5 mm
Ø 18 mm
sin halo
Escala lineal con el diámetro; centro a 1,5 m del piso.
Pizarra
impreso 2 mm, 30 %
impreso 4 mm
imán Ø 45 mm
sin halo
El imán es la esfera y se mueve.
Video
igual que pantalla
crece en 1 s, ease-out
asienta con rebote de 0,3 s
sube en 0,8 s
Cierre de 4,5 s; con movimiento reducido, cuadro final fijo.
Color: los valores son sRGB. Para papel, cerámica y vinilo, la conversión a CMYK o Pantone se define con prueba física del proveedor; no se fija un código sin prueba.
7.2 · Fotografía para la lente
Fotos pensadas para ser vistas a través de un círculo.
Antes repetíamos tres fotos y en todas se veía el emblema bordado, lo que invalidaba la prueba sin logo. Este es el banco propio: ocho tomas en el lenguaje fotográfico de Efeonce, registro documental, nadie mira al lente.
1 · manos
2 · variantes
3 · sombra
4 · quien sostiene
5 · cenital
6 · escucha
7 · proyección
8 · ausencia
Reglas de la toma
El sujeto importante cabe en un círculo del 55 % del lado corto, con 15 % de aire al borde del círculo.
Fuera del círculo la foto tolera quedar en navy apagado: nada esencial vive ahí.
Sin emblema legible: de espaldas, en sombra, fuera de cuadro o sin bordado. El logo lo pone la pieza, no la ropa.
El azul lo porta un objeto del oficio (trackball, etiqueta, azulejo, libreta, tinta), nunca un muro de fondo.
Un acento cálido, naranja o lima, en una de cada dos fotos, nacido de la acción.
Oficio a la vista: manos, pantalla, pieza, pizarra; la obra en proceso. Nadie mira al lente.
Producción
Generado el 2026-09-25 con pnpm foto:generar (una ficha por toma, gpt-image-2.5-sunburst en calidad alta): 11 generaciones, del orden de USD 0,55.
Tres rehechas por el lenguaje: la 5 (flatlay de stock), la 8 (oficina ordenada, sin huella) y la 6 (muro navy de fondo).
Palancas ajustadas: la 3 pasó a sombra y la 4 a quien-sostiene; instrumento exige mirar a través de una herramienta.
Ya reemplazan a las tres fotos repetidas en todas las piezas con lente, ventana y foco, y en los estímulos de la prueba sin logo.
Lista de tomas (8)
#
Toma
Palanca
Acento
1
Manos ajustando una curva de color
manos
—
2
Elegir entre doce pruebas de una etiqueta
variantes
naranja
3
Estratega pone el imán sobre la órbita
sombra
lima
4
Camarógrafo revisa la toma en el monitor
quien-sostiene
—
5
Informe impreso, la línea que sube
cenital
lima
6
Llamada con cliente, sólo la escucha
escucha
—
7
La pieza aprobada, proyectada
proyeccion
naranja
8
Mesa al final del ciclo, con la pieza impresa
ausencia
—
7.3 · Sí y no
Cada elemento tiene un trabajo.
Elemento
Sí
No
Esfera
Al final de la respuesta, 0,2 em, en el acento; una por pieza
En preguntas, como viñeta, repetida, con volumen o brillo
Órbita
Anillo fino al 16–22 %, arco y esfera, al costado del texto
Anillos gruesos o muchos, detrás del texto, alrededor del logo
Arco de avance
Mide un dato real
Decorativo o inventado
Voz
Pregunta chica, respuesta grande de una a tres palabras
Pregunta grande, respuesta larga y chica
Color
Navy profundo con teal; teal oscuro sólo en gráfico sobre claro
Teal claro como texto sobre blanco; dos acentos en una pieza
Tipografía
Bricolage para decir, Poppins para explicar
Bricolage en párrafos, monoespaciadas
Eslogan
Bloque oficial, en cierres
Traducido, con esfera, en mayúsculas o con otros pesos
Objetos
Frente: la palabra; dorso: el logo solo
Logo y órbita juntos al frente
Foto
Oficio real, luz con carácter, sin emblema legible
Velo navy encima, foto de banco
Isotipo
Solo, en formatos chicos, desde 24 px
Con otra órbita, recoloreado, rotado o combinado
7.3 · Elementos: sí y no (1/2)
Cada elemento tiene un trabajo; fuera de él, sobra.
Esfera, órbita, voz y color: lo correcto a la izquierda, lo que se evita a la derecha.
Medir
✓
Sí · Al final de la respuesta
¿Medimos?
Viñetas con la esfera
✕
No · En preguntas, viñetas o varias por pieza
Hacer
✓
Sí · Anillo fino, arco y esfera, al costado del texto
Hacer
✕
No · Anillos gruesos, muchos, o la órbita detrás del texto
¿Lo medimos?
Siempre
✓
Sí · Pregunta chica, respuesta grande
¿Lo medimos?
Sí, medimos todo lo que hacemos siempre.
✕
No · Pregunta grande, respuesta larga y chica
Aparecer
#001A33 · #36C8BF
✓
Sí · Navy profundo con teal
Aparecer
Texto teal claro sobre blanco: 2,1:1
✕
No · Teal claro como texto sobre blanco
7.3 · Elementos: sí y no (2/2)
Lo que dice y cómo se ve, sin inventos.
Tipografía, eslogan, objetos y fotografía.
Crear
Del brief a la pieza aprobada.
✓
Sí · Bricolage para decir, Poppins para explicar
Del brief a la pieza aprobada, en cada ronda, con cada revisión y cada entrega.
Crear.
✕
No · Bricolage en párrafos o monoespaciada
EmpoweryourGrowth
✓
Sí · Bloque oficial, sin tocar
Empodera tu crecimiento
EMPOWER YOUR GROWTH
✕
No · Traducido, con esfera o con otros pesos
✓
Sí · Frente: palabra · dorso: logo solo
✕
No · Logo y órbita juntos al frente
✓
Sí · Oficio real, luz con carácter
Hacer
✕
No · Velo navy encima o foto de banco
7.4 · Componer con agentes
El agente declara la intención; AXIS resuelve el resto.
Contrato efeonce.graphic-line-orbit 0.5.0 (estable). Un agente escribe qué hace la órbita en la pieza —rodear, medir, navegar, enfocar, emparejar pregunta y respuesta, firmar (Efeonce siempre; el logo centrado y la burbuja URL sólo si el logo ya está en la imagen)— y elige la línea de servicio. El contrato valida las reglas y resuelve cada valor desde los tokens; @efeoncepro/axis-graphic-line lo pinta. Estos tres salen del paquete, con la regla «ningún texto cruza el anillo» verificada en el build.
¿Qué hacemos distinto?
Hacer
Post con lente, voz y firma · lens + voice + signature (logo centrado; la burbuja sólo si el logo ya está en la imagen) · social 1080 × 1350
¿Qué cambió este trimestre?
Lo que medimos
Portada de deck: la órbita navega · progress 2 de 4 + voice + url-bubble (pdf) · 1920 × 1080
92 %
92 % a tiempo · ICO · OTD, septiembre 2026 (dato de muestra)
Informe: el arco mide un dato real · measure con fuente + url-bubble (pdf) · A4 794 × 1123
Ver las intenciones que escribió el agente
Post con lente, voz y firma
{
"canvas": {
"width": 1080,
"height": 1350,
"brand": "efeonce",
"surface": "dark",
"channel": "social"
},
"elements": [
{
"kind": "lens",
"id": "lens",
"photoId": "L3-sombra-orbita",
"alt": "La sombra de una mano pone un imán lima sobre un anillo azul dibujado en la pizarra",
"region": "upper-center",
"subjectRegion": "upper-center",
"accentSphere": "upper-end"
},
{
"kind": "voice",
"id": "voice",
"questionId": "question",
"answerId": "answer",
"answerText": "Hacer"
},
{
"kind": "signature",
"id": "firma"
}
]
}
En el repo AXIS: pnpm orbit:resolve -- --input docs/examples/graphic-line/post-lens-intent.json --out /tmp/manifest.json. Manual: docs/agent-composition/graphic-line-orbit.md.
Web Component en vivo: <axis-orbit line="growth" animate>. Anillo, arco, la esfera asienta y el halo, con los tiempos del cierre de marca; con movimiento reducido, el cuadro final.
Forma
Cómo se importa
Para
SVG desde la intención
orbitSvg, measureSvg, composeGraphicLine de @efeoncepro/axis-graphic-line
Cualquier runtime: servidor, PDF, correo, scripts
React
<AxisOrbit orbit|measure|intent animate /> de /react
Greenhouse, Globe, Insights
Web Component
defineAxisOrbitElement() de /element y <axis-orbit>
Astro (Think), HTML sin framework
Movimiento
ORBIT_MOTION_CSS de /motion y la clase axis-orbit-animate
Cualquier superficie que ponga texto junto a la órbita
8
Capítulo 8: Decisiones y validación
¿Qué está decidido y cómo lo medimos?
8.1 y 8.2 · Decisiones y prueba sin logo
Lo decidido, y cómo se va a medir.
La órbita es la forma canónica; en oscuro manda la paleta de los tokens del deck. La prueba sin logo enseña la marca con logo y después pide atribuir piezas nuevas sin él: 600 personas, éxito con 10 puntos sobre el distractor.
8.1 · Decisiones tomadas
Lo que quedó decidido y cómo se va a medir.
Lo decidido en el canvas (25-09) y por el operador (26-09), lo que sigue abierto y la prueba de atribución con piezas de la órbita.
¿Qué cambió este mes?
Lo que medimos
Estímulo de prueba · con la órbita
¿Qué cambió este mes?
Lo que medimos
Distractor · mismo copy, sin órbita ni esfera
Decisiones del canvas · 25-09
Forma: la órbita es la forma canónica; el punto final se mantiene en titulares, firma de mail y taza blanca; el foco, en fotos.
Color: en oscuro manda la paleta de la órbita (#001A33, #36C8BF, #72DED8, tokens del deck AXIS); en papel, navy #023C70 y teal #0E8C82.
Hilo de familia: la órbita misma es el hilo (misma forma en las cuatro marcas) + la variante del eslogan (opción C). Queda descartada la B (anillo teal en productos).
Redes: grosor ×1,75 en lienzos de hasta 1200 px.
Retirado del canvas: punto gigante, esfera tipográfica, objeto 3D, variantes contemporáneas y aplicaciones planas. Queda en el repo como historia.
Protocolo (v2, ver O-10)
Fase de aprendizaje con logo y atribución de piezas nuevas sin logo; 300 personas por versión (ver O-10).
8 piezas de atribución por versión: post, story, deck, muro, post con lente, LinkedIn, taza y post con satélites.
Preguntas: «¿de qué empresa crees que es?» (abierta), elección entre Efeonce y 5 competidores, y recuerdo de la pieza.
Éxito: +10 puntos de atribución asistida sobre el distractor, con 95 % de confianza.
Corre antes de cualquier pauta con la órbita. Pendiente: proveedor del panel y presupuesto (decisión tuya).
Sigue siendo tuyo
Revisar el banco de pares pregunta/respuesta (2.1): dos por línea de servicio, sólo con respuestas verificables.
Proveedor y presupuesto del panel de la prueba sin logo.
La URL de LinkedIn de la empresa para la firma de correo.
La ficha técnica de la imprenta para la tarjeta y el muro.
Confirmar el logo abajo a la izquierda en piezas horizontales con lente (OOH).
26-09 · Color y contraste
El acento pide 3:1 contra su fondo como gráfico o en texto de 24 px o más; nunca en texto menor (ahí, navy o blanco).
Engine y Voice conservan su color: 3,60 y 3,53:1 pasan 3:1.
Magenta de Revenue-HubSpot aprobado tal cual (5,9 y 7,5:1); sin el naranjo de HubSpot.
La burbuja URL pide 4,5:1.
En el cierre del deck, «Growth» va en el acento.
26-09 · Logo y órbita
El logo va dentro de la órbita sólo en los cierres de marca: deck, video y muro de recepción, con su resguardo libre.
Nunca en la portada de LinkedIn ni en el reverso de la tarjeta: en objetos, el logo va solo en el dorso.
Portada de LinkedIn, story y fondo de Teams: un solo anillo.
Sobre papel, el halo va a la mitad.
El anillo propio de la esfera significa «en vivo»: el eco del pulso o un estado activo.
26-09 · Fotografía y lente
Las doce reglas de sinergia con la fotografía, aprobadas.
El exterior apagado de la lente cuenta como reserva del texto; sin lente, nunca un velo.
Se pide lecho igual; el 55 % es del círculo visible de la lente.
Un anillo dibujado en la escena cuenta como órbita: se elige otra toma.
Capa gráfica sobre la foto sólo en los casos de la línea: voz, lente y dato con fuente.
Formato 1200 × 627 nativo; límite del 36 % sólo con reserva de texto; en la lente manda el encuadre.
El retrato de perfil es una categoría propia: ahí se mira a cámara.
26-09 · Operación
La firma de correo la instala cada persona desde su HTML; people@ usa la firma de Talent.
Impresión: primero la tarjeta y el muro de recepción, en vector.
La prueba sin logo corre antes de cualquier pauta con la órbita.
«Te hacemos visible» pasa por revisión legal antes de cualquier pauta.
8.2 · Prueba sin logo
Primero con logo, después sin él: ¿se reconoce a Efeonce?
La prueba no se puede correr sin un panel de personas reales: el kit está listo para el proveedor. Cambió el diseño: como Efeonce tiene poco reconocimiento en Chile, primero se aprende la marca con logo y después se atribuyen piezas nuevas sin logo. Cada par: línea a la izquierda, distractor a la derecha (mismo copy, foto y tipografía; sin órbita, esfera, anillo, lente ni paleta).
Diseño y umbral
600 personas (300 por versión): decisores de marketing y comercial en Chile, empresas de 50+ personas, sin agencias. Con 150 por versión sólo se detectan ~15 puntos.
Métrica: % que elige «Efeonce» entre Efeonce, 5 competidores reales y «No sé». Éxito: +10 puntos sobre el distractor, p < 0,05.
Kit en exploracion-v5/prueba-sin-logo/: PROTOCOLO.md, CUESTIONARIO.md, 24 estímulos, potencia.mjs y analisis.mjs (probado con datos sintéticos).
Resuelto: los estímulos con foto usan ahora el banco O-08, sin emblema bordado.
Falta: elegir el panel (Netquest, Cint o Toluna, a cotizar) y producir 4 piezas de relleno de marcas ficticias.
Revisión trimestral · Q3 2026
¿Qué cambió este trimestre?
Lo que medimos
Revisión trimestral · Q3 2026
¿Qué cambió este trimestre?
Lo que medimos
L1 · portada · 2 piezas
¿Lo medimos?
Siempre
¿Lo medimos?
Siempre
L3 · post · 2 piezas
¿Qué sigue?
Decidir juntos
EmpoweryourGrowth
¿Qué sigue?
Decidir juntos
EmpoweryourGrowth
L4 · cierre · 2 piezas
¿Qué funcionó?
Lo que repetimos
¿Qué funcionó?
Lo que repetimos
R1 · post · 2 piezas
¿Quién escribe el próximo brief?
Los dos
¿Quién escribe el próximo brief?
Los dos
R5 · post con lente · 2 piezas
Visible
¿Quién aparece cuando preguntan por tu categoría?
Visible
¿Quién aparece cuando preguntan por tu categoría?
R2 · story · 2 piezas
Hacer
Hacer
R4 · muro · 2 piezas
02
Sección 2 de 5
¿Qué probamos?
Lo que probamos
02
Sección 2 de 5
¿Qué probamos?
Lo que probamos
R3 · deck (papel) · 2 piezas
R3 · deck (papel) · 2 piezas
9
Capítulo 9: Pruebas en producto
¿Cómo se ve en Efeonce Insights?
9.1 y 9.2 · Efeonce Insights
El informe, contado con la línea.
Portada, capítulo, resumen, figura, plan, contraportada, deck y correo de aviso. Prueba de diseño: el producto no cambia hasta decidirlo. Las cifras son de muestra.
Estas láminas prueban la línea sobre Insights; no son el diseño del producto. La marca de Insights, el informe aprobado, el informe live y lo que falta están en la referencia de Efeonce Insights.
El informe del AEO Assessment con la submarca AI Visibility Report (portada con la órbita de gravedad, interiores, contraportada por audiencia y tres idiomas) está en la referencia del AI Visibility Report.
Las submarcas de producto SEO y AEO (SV360, AEO, AEO Assessment y AI Visibility Report), donde la órbita vive en la O, están en la referencia de SEO y AEO de Efeonce.
9.1 · Insights: informe
Portada, apertura de capítulo, resumen y figura del informe mensual A4. Prueba en el canvas: el producto no cambia hasta decidirlo. Las cifras son de muestra.
Qué cambia en el informe
Títulos como respuesta: pregunta en Poppins Light con anillo y respuesta en Bricolage con su esfera; hoy son títulos Poppins sin voz.
El arco de avance aparece sólo donde mide algo real: la navegación del informe o el dato de la página (62 % → 62 % del círculo).
En las figuras, el último punto de la serie es la esfera con su halo: la mirada termina donde está la respuesta.
La caja de lectura navy se vuelve una nota en papel con borde teal oscuro y la misma voz; el navy queda para portadas y capítulos.
Todo lo demás se conserva: grilla A4, pie con la burbuja oficial, fuentes y reglas de contraste del estándar de informes.
Insights
Agosto 2026
[Marca] · Informe mensual
¿Qué cambió este mes?
Lo que medimos
Búsqueda, respuestas de IA y medios, en una lectura de diez minutos.
Portada · pregunta y respuesta
2 de 5
Insights
Capítulo 2
Capítulo 2 · Búsqueda y respuestas de IA
¿Dónde nos encuentran?
En la respuesta
El arco mide la navegación real del informe: vas en el capítulo 2 de 5.
4
Capítulo · el arco mide la navegación (2 de 5)
Insights
Resumen · Agosto 2026
Resumen
¿Qué tienes que saber?
Tres cosas
01
¿Te nombran?
Más que en julio
Menciones en respuestas de IA: 62 % de las consultas medidas. Dato de muestra.
02
¿Y en Google?
Estable
Clics orgánicos sin cambio relevante frente a julio. Dato de muestra.
03
¿Qué hacemos?
Dos ajustes
Reforzar dos páginas de categoría y medir en septiembre.
62 %
de las respuestas de IA mencionan la marca
Dato de muestra · el arco mide el dato
5
Resumen · tres respuestas y un dato
Insights
Figura 2.1 · Agosto 2026
Capítulo 2 · Figura 2.1
¿Cómo evolucionó tu presencia en respuestas de IA?
Doce semanas al alza
62 % · semana 12
Porcentaje de consultas medidas en las que la IA menciona la marca, por semana. Fuente: medición de Efeonce en ChatGPT, Gemini, Perplexity y Google. Dato de muestra.
¿Qué lo explica?
Las páginas de categoría
Las dos páginas nuevas explican 7 de los 10 puntos ganados. Dato de muestra.
9
Figura · el último punto es la esfera
9.2 · Insights: plan, cierre, deck y correo
Del plan al cierre, y del informe al deck.
Plan con la gramática abierto/decidido, contraportada con la órbita completa, deck 16:9 y el correo que avisa que el informe está listo. Cifras de muestra.
Reglas para Insights
El plan marca el estado con la forma: esfera = decidido, anillo = abierto. Acompaña al texto del estado, no lo reemplaza.
La contraportada y la última lámina completan la órbita con la esfera arriba; el logo va fuera de la órbita.
El correo usa la misma voz: pregunta del mes y respuesta «Tu informe está listo».
En el deck, la órbita chica de la esquina es la navegación (3 de 5).
Lectura
La portada de hoy ya lleva la órbita; la prueba extiende la misma forma a la voz, al avance, a las figuras y al plan, sin cambiar la grilla ni el pie. Si se aprueba, el cambio vive en las plantillas del catálogo de Insights y pasa por su gate visual.
Insights
Plan · Septiembre 2026
Plan
¿Qué hacemos en septiembre?
Cuatro acciones
Decidido: esfera
Abierto: anillo
Reforzar dos páginas de categoría
Contenido y datos estructurados en las dos páginas con más consultas.
Decidido
[Responsable]
Medir en ChatGPT y Gemini cada semana
Mismas consultas, mismo panel, para comparar contra agosto.
Decidido
Efeonce
Definir la tercera categoría
Decisión en la reunión de revisión: entre dos candidatas.
Abierto
[Cliente]
Probar un formato de respuesta corta
Hipótesis por validar con el equipo de contenido.
Abierto
[Cliente]
Es la gramática de la línea: el anillo es lo abierto, la esfera lo decidido. No reemplaza al color del estado; lo acompaña con la forma.
12
Plan · anillo abierto, esfera decidida
Insights
Agosto 2026
¿Qué sigue?
Decidir juntos
La órbita se completa en el cierre: el informe terminó y la esfera vuelve arriba.
Contraportada · la órbita se completa
¿Qué cambió en agosto?
Tu informe está listo
Hola, [Nombre]:
El informe de Insights de agosto ya está disponible. En diez minutos verás qué cambió, qué lo explica y qué proponemos para septiembre.
Ver el informe
Recibes este correo porque tu equipo tiene Insights activo. [Enlace de preferencias]
Correo de aviso
Insights · Agosto 2026
¿Qué cambió este mes?
Lo que medimos
Deck · portada
Capítulo 2 · 3 de 5
¿Cómo evolucionó tu presencia en respuestas de IA?
Doce semanas al alza
62 %
de las consultas medidas mencionan la marca. Dato de muestra.