Goyo. fue diseñado para desaparecer detrás
de tu marca.
La identidad de Goyo está construida para heredarse. Se ve, suena y
aparece con carácter propio cuando es Goyo — y con la identidad del cliente cuando no. Este documento describe ambos estados. Los tokens, componentes
y animaciones viven en el Design System.
Mantenido por Patio 23 · Monterrey
Versión R0 · 0.1 · abril 2026
§1· Principio
Diseñado para desaparecer.
La mayoría de productos intentan hacerse notar. Goyo hace lo opuesto. Su identidad — el punto cobre, el wordmark, la voz mexicana, el crema cálido
— existe para poder ser reemplazada cuando el cliente al
frente no es Goyo.
Goyo es Goyo
Producto directo. Landing, app propia, comunicación comercial. Aquí
la marca se afirma: punto cobre presente, wordmark
visible, voz mexicana directa, crema cálido.
goyo.mx · producto directo
Goyo es invitado
White-label. El cliente al frente. Aquí la marca se retira: primary del tenant reemplaza al cobre, logo al pie en gris,
atribución "Potenciado por Goyo" — y nada más.
Retail
retail.com.mx · goyo al pie
POTENCIADO POR GOYO
Qué implica este principio
01
El cobre es opcional por diseño.
Todas las decisiones visuales se validan con el primary
reemplazado. Si un componente solo funciona en cobre, está mal
hecho.
02
La voz es heredable.
El tono mexicano directo es nuestro, pero las reglas
duras (tutear, dato-primero, español correcto) sobreviven a
cualquier rebrand. El cliente no pierde calidad operativa al
ponerle su nombre.
03
Los componentes son agnósticos.
UI construida con tokens semánticos (--color-primary, --color-surface), nunca con cobre
hardcoded. Cambiar una variable vuelve cualquier pantalla blanca.
04
Sin autopromoción.
En white-label Goyo no se anuncia. No hay "Descubre más", no hay
banners, no hay features con nuestro nombre. La atribución al pie
es todo.
"Si un cliente de Retail abre su plataforma y recuerda que está usando
Goyo, hicimos algo mal."
§2· White-label
Cómo Goyo se vuelve invisible.
Aquí está el mecanismo concreto del principio §1. En contextos
white-label, Goyo desaparece visualmente. El cliente al
frente, Goyo al pie como atribución. Si un usuario de Retail abre su
plataforma, debe sentir que está usando Retail.
Marca del tenant
Tenant · Goyo
El mismo producto, recoloreado en runtime.
--color-primary: #C97B3A
CFDI 4.0
Factura lista para timbrar
FolioFOL-00158
Subtotal$41,560.78
IVA 16%$6,649.72
Total$48,210.50
Mismos componentes, mismos tokens neutrales, misma tipografía. Solo cambia --color-primary — derivados (hover, alpha-12, deep) se recalculan con color-mix().
Reglas duras
01
Logo en un solo color neutro.
El cobre se reemplaza por el primario del tenant (branding activo)
o va en gris (atribución pie). Nunca cobre cuando el tenant está
al frente.
02
"Potenciado por Goyo" es la fórmula oficial.
Nunca "Powered by Goyo" ni "Built with Goyo", incluso
internacional. "Powered by" requiere aprobación explícita caso por
caso.
03
Colores de Goyo desaparecen.
El cobre se reemplaza por el primary del tenant. La UI adopta la
identidad del cliente.
04
Sin autopromoción interna.
Goyo no anuncia sus features dentro del producto white-label. Nada
de "Descubre más de Goyo".
§3· Propósito
El sistema operativo empresarial para negocios en México.
Esta frase vive como posicionamiento de alto nivel — landing,
pitch, comunicación comercial. No se usa dentro de la UI. Ahí mandan los términos
naturales en español: MóduloInicioConfiguración.
Se dice así
Goyo es la base operativa sobre la que una empresa corre
— no un software más entre muchos.
§4· Origen
Goyo es diminutivo de Gregorio.
Mexicano, familiar, cercano, no corporativo. Un nombre de persona, no de producto. La idea es que el cliente trate a Goyo como a alguien que le ayuda a operar
su negocio.
Correcto
Goyo.
Mayúscula inicial, resto minúscula. Siempre.
URLs
goyo.mx
Todo minúscula en dominios.
Prohibido
GOYO
All caps se lee como grito corporativo.
§5· Identidad
El punto cobre es la firma.
Sin el punto es solo una palabra; con el punto es marca. En cualquier
superficie donde se pueda renderizar color, el wordmark siempre lleva punto cobre #C97B3A.
Wordmark · firma principal · cabecerasgoyo-wordmark.svg
Área de seguridad
Espacio libre equivalente a la altura de la "G" por cada lado. Ningún
otro elemento puede invadir.
Reglas duras
01
Nunca inclinado.
El wordmark y el monograma son siempre rectos.
02
Nunca en otro color.
Las letras son del color del texto (negro, blanco, neutro según
fondo); el punto siempre cobre. Excepción: white-label.
03
Nunca con efectos.
Sin sombras, contornos, gradientes, brillos, ni bordes.
04
No reinterpretaciones.
No reemplazar letras por números, íconos o variaciones creativas.
05
Respeta los tamaños mínimos.
Wordmark ≥ 14px en pantalla, ≥ 8mm en impresión. Monograma ≥ 16px
/ 6mm — abajo de eso el punto pierde definición.
Playground · aplicación sobre fondos
Prueba el logo contra cualquier fondo. Fondos cobre/deep hacen que el
punto desaparezca — usa wordmark blanco sin punto.
Asset
Fondo
60px
Fondo válido. Logo en negro, punto cobre #C97B3A.
§6· Color
Monocromático con acento de firma.
El producto aparece en negro, blanco y grises cálidos. El cobre #C97B3A es el único color de marca y se usa con mesura. Nunca grises fríos o azulosos — el producto se siente cálido, humano, mexicano.
De marca
Cobre Goyo
Acento de firma · CTAs · punto del wordmark
Cobre Deep
Hover / estado activo del acento
Crema
Background principal modo claro
Ink
Texto · background modo oscuro
Neutrales · OKLCH hue 60°, cálidos
neutral-50
neutral-100
neutral-200
neutral-300
neutral-500
neutral-700
neutral-900
Semánticos · heredan del DS, no son de marca
success
Éxito · factura timbrada
warning
Advertencia · RFC por vencer
danger
Error · PAC caído
info
Informativo · neutros fríos excepcionales
§7· Tipografía
Instrument Sans + JetBrains Mono.
Instrument Sans para display y UI — moderna, legible, con
carácter sin ser ruidosa. JetBrains Mono para datos fiscales
— tnum alinea folios, RFCs y montos. Inter los
desajusta.
display-xl
Instrument Sans 700
72px · lh 1.02
track -0.035em
Display · hero
Un sistema.
display
Instrument Sans 700
56px · lh 1.05
track -0.03em
H1 · secciones
Goyo tutea al usuario.
h2
Instrument Sans 600
36px · lh 1.1
track -0.025em
H2 · títulos de bloque
Un sistema propio, no un template.
h3
Instrument Sans 600
22px · lh 1.25
track -0.01em
H3 · cards, subtítulos
Densidad sin ruido
body
Instrument Sans 400
17px · lh 1.6
Body · párrafo
Cada cliente trae su primary y su surface. El sistema entero se recolorea en runtime, sin forks ni rebuilds.
mono
JetBrains Mono 500
15px · lh 1.5
Mono fiscal · tnum + ss01
FOL-00158 · $48,210.50 · XAXX010101000
§8· Voz
Directa, profesional y mexicana.
Le habla a la persona que maneja el negocio como a un igual — no como proveedor distante ni como amigo invasivo.
"Factura" no "invoice". "IVA" no "tax". "Timbrado" no "stamping".
"Cancelación" no "void".
04
Sin lenguaje corporativo inflado.
No "soluciones integrales", no "ecosistema de valor", no
"optimización sinérgica".
05
No explicar lo obvio.
Si el botón dice "Timbrar", no hace falta explicar que al
presionarlo se timbra.
Vocabulario · antes y después
Aplica en producto, marketing y comunicación externa. Excepciones:
términos técnicos (API, SDK, MCP, marketplace) y nombres propios.
Evitar
Estimado usuario, queremos informarle que su factura ha sido
generada.
Usar
Tu factura está lista. FOL-00158.
Evitar
Ha ocurrido un error inesperado.
Usar
El PAC está caído. Intenta en 2 min o elige otro PAC en
Configuración.
Evitar
Your invoice is ready to download.
Usar
Tu factura está lista para descargar.
Evitar
Ticket de soporte
Usar
Conversación de soporte
Evitar
Powered by Goyo
Usar
Potenciado por Goyo
Evitar
Tax Invoice
Usar
Factura (o CFDI cuando la distinción técnica importa)
Evitar
Dashboard
Usar
Inicio
Evitar
Click aquí para loguearte
Usar
Ingresa aquí
§9· Tono
Se ajusta por contexto, nunca pierde la voz.
La voz no cambia. El tono se estira cuando sales del producto — en
marketing permite más emoción, pero nunca inflado, nunca corporativo.
Fiscal o financiero
Neutro, preciso, sin emojis. Un mensaje sobre IVA no lleva "😊".
Onboarding o confirmaciones
Más cálido, sin caer en condescendencia.
Errores
"El PAC está caído. Intenta en 2 min o elige otro PAC en
Configuración."
Éxito
"Factura timbrada. FOL-00158." Confirmación breve, no celebración.
Marketing externo
Más aspiracional, emocional permitido, emojis con mesura fuera del
producto.
Soporte
Conversacional, problem-first. Nunca formal ni script.
Redes sociales
Directo, útil, informativo. Sin memes genéricos — humor específico
al contexto fiscal/empresarial mexicano. Handle: @goyo_mx.
§10· Descargas
Assets listos para usar.
Dos SVGs como fuente de verdad. PNGs pre-rasterizados para cuando no
puedes procesar SVG. El pack completo (SVGs + PNGs del pipeline + copia
de brand.md) se descarga como zip.
