Sistema de diseño
Un sistema de identidad concebido para sostener una marca sobria, editorial y reconocible en cada punto de contacto, desde la palabra hasta el píxel.
El manual gobernado se presenta en su idioma fuente.
MANUAL DE IDENTIDAD
VERSIÓN 2.0 · 2026
Fast Forward no cambia de rostro. Cambia de arquitectura.
No es un cambio de marca. Es la misma marca instalándose en una casa mejor: más moderna, más versátil, más estratégica y más disciplinada. Fast Forward sigue siendo Fast Forward — rápida, con visión de futuro, humana y comercialmente útil.
Resumen ejecutivo
Este manual convierte la identidad de Fast Forward en un sistema operativo: gobernado, medible y listo para producción web. Conserva intactos el rostro y la memoria de la marca, y moderniza todo lo que rodea a ese rostro.
Tesis. Fast Forward conserva logotipo, isotipo, imagotipo, paleta y equity. Lo que se moderniza es el sistema que los rodea: jerarquía de color, tipografía, usabilidad web, retícula, componentes, accesibilidad, voz y gobernanza.
Disciplina. Adoptamos un sistema de marca como sistema operativo, no como decoración: tokens cerrados, reglas de proporción, retícula editorial y una capa legal desde el primer día.
Relación. Fast Forward es la marca matriz; agentika.technology es su división agéntica especializada.
- Lo que se conserva
Logotipo, isotipo con lógica de flecha, paleta azul + naranja y la idea de movimiento.
- Lo que se moderniza
Color tokenizado, tipografía web, componentes, voz comercial y accesibilidad AA.
- Lo que se produce
Inventario web completo: SVG, favicons, icon maskable, Open Graph y archivos públicos.
«Más sistema. Menos plantilla. Más intención. Menos ornamento.»
Introducción estratégica
Emplea este manual para no improvisar ni alterar la identidad visual y narrativa de Fast Forward Communication. No describe gustos: define reglas. No decora: gobierna.
Durante años, Fast Forward ha construido una marca reconocible: un logotipo con flecha hacia delante, una paleta azul y naranja, y una promesa clara — acelerar el impacto de la comunicación de sus clientes. Ese capital existe y no se toca.
Lo que cambia es la arquitectura. La marca crece, sus servicios maduran y su mercado se vuelve más técnico y competitivo. Una identidad que vivía en presentaciones y redes necesita ahora habitar de forma coherente en webs, sistemas, componentes y publicaciones recurrentes.
La respuesta no es repintar. Es modernización evolutiva: preservar la memoria de marca y construir un sistema riguroso que permita producir, escalar y comercializar sin perder la elegancia que nos distingue.
Un sistema operativo de identidad, no un folleto.
››Una fuente única de verdad para diseño, web, copy, SEO y legal.
››Una herramienta comercial: refinada, pero persuasiva.
››Un contrato: lo que no está aquí, no es marca.
Tres principios rectores
Toda decisión de marca se resuelve contra estos tres ejes. Cuando una duda no esté escrita, se decide por aquí.
PRINCIPIO 01
Continuidad
Nada de lo reconocible se sacrifica. El equity es un activo, no un punto de partida desechable. Si una mejora obliga a abandonar el rostro de la marca, está mal planteada.
PRINCIPIO 02
Sistema
Cada decisión se resuelve con una regla, un token o una proporción. Cero improvisación: lo repetible se sistematiza y lo singular se decide con criterio.
PRINCIPIO 03
Venta
Elegancia no es decorar; es comunicar con autoridad y atención personalizada. El sistema permite transmitir valor y generar confianza sin caer en lo hueco.
Continuidad de marca
Antes de modernizar, declaramos qué permanece. Estos elementos son la memoria de Fast Forward: no se rediseñan, no se redibujan, no se reinterpretan.
| Logotipo | El principal, sin alterar proporciones ni construcción. |
| Isotipo | La «F» con lógica de flecha. Forward hecho forma. |
| Logotipo tipo | El logotype y el tratamiento de «FORWARD». |
| Imagotipo | Isotipo y logotipo combinados en bloque. |
| Versiones | Horizontal y vertical; positivo, negativo, mono. |
| Color | Deep Blue #2B3A67 y Bright Orange #F29D38. |
| Movimiento | La idea de aceleración y dirección hacia delante. |
| Impacto | La promesa de comunicación con efecto medible. |
| Estrategia | El posicionamiento como agencia estratégica. |
| Humanidad | La calidez humanista que ya transmitía Avenir. |
| Equity | El reconocimiento acumulado en clientes y mercado. |
| Utilidad | El carácter comercial: vender con sofisticación. |
«Fast Forward no se hace un lifting. Se muda a una casa mejor.»
Principios de modernización
La marca evoluciona sin perder identidad. Estos cinco principios gobiernan cada decisión de este manual y resuelven cualquier duda que el manual no anticipe.
- Continuidad antes que novedad
Ningún cambio puede romper el reconocimiento. Si una mejora obliga a abandonar el rostro de la marca, la mejora está mal planteada.
- Sistema antes que plantilla
Lo repetible se sistematiza, lo singular se decide con criterio y lo automatizable se delega con inteligencia — nunca a costa del talento humano ni con plantillas genéricas.
- Intención antes que ornamento
Cada línea, color y espacio cumple una función. Sin sombras casuales, sin degradados decorativos, sin radios inconsistentes, sin efectos «porque quedan bien».
- Jerarquía antes que igualdad
El azul ancla; el naranja activa. Los colores de soporte no pesan igual. La tipografía crea jerarquía; el color no se reparte a partes iguales.
- Venta antes que pudor
El refinamiento no es timidez. El sistema debe permitir comunicar valor, presentar servicios y persuadir, sin caer en lo vulgar ni en lo hueco.
Sistema de activos
La marca vive en una biblioteca cerrada y lista para producción: vectoriales para pantalla e impresión, rasterizados para usos puntuales, e iconos y piezas sociales derivados del isotipo. Todo parte de la misma geometría; nada se redibuja.
La biblioteca
| Familia | Uso |
|---|---|
| Logotipo | Cabeceras, documentos y aplicaciones de marca. |
| Isotipo | Espacios compactos, favicon y avatar social. |
| Paleta | Azul, naranja y soporte. Se define en §06. |
| Tipografía | Playfair, Geist y Geist Mono. Se define en §07. |
Usos prohibidos
- Recolorear el logotipo fuera de la paleta de marca.
- Redibujar o reconstruir el isotipo.
- Añadir sombras, contornos o efectos al logotipo.
- Crear versiones del logotipo no contempladas aquí.
- Alterar proporciones, recortar o deformar.
- Reconstruir el lockup con espaciados propios.
Inventario de producción — web
El conjunto exacto de archivos que sostienen la identidad en pantalla, con su formato y su uso. Es la lista de la compra del desarrollo.
| Archivo | Formato / tamaño | Uso |
|---|---|---|
| ff-logo.svg | SVG vectorial | Logotipo principal · horizontal y vertical. |
| ff-iso.svg | SVG vectorial | Isotipo · cabeceras compactas, avatar. |
| Positivo / negativo / mono | SVG | Fondos claros, oscuros y de una tinta. |
| logo@2x / @3x | PNG | Sólo donde el SVG no sea viable. |
| favicon.ico | ICO 32×32 | Pestaña del navegador. |
| apple-touch-icon.png | PNG 180×180 | iOS · pantalla de inicio. |
| icon-192 / icon-512 | PNG | PWA · site.webmanifest. |
| icon-maskable.png | PNG 512×512 | Android · zona segura del isotipo. |
| og-image.png | PNG 1200×630 | Open Graph · plantilla base. |
| avatar.png | PNG 512×512 | Redes · isotipo centrado. |
| header-[red].png | PNG por red | Cabeceras de LinkedIn, X, Facebook. |
Sistema de logotipo
No rediseñamos el logotipo: modernizamos su sistema de uso. Integra el motivo de flecha hacia delante en la palabra «FORWARD». Esa doble lectura — tipografía y dirección — es el corazón de la marca.
Anatomía
El isotipo es una «F» cuya contraforma dibuja una flecha de reproducción — play, avance. En el logotipo, las letras finales de «FORWARD» se resuelven como dobles cheurones ›› que repiten ese impulso.
Versiones por fondo
Cuatro versiones cubren todos los soportes. La elección la decide el fondo, no el gusto: contraste suficiente y una sola tinta cuando el medio lo exige.
Área de respeto y tamaños
El logotipo necesita aire y un umbral de legibilidad. Por debajo de él, cede su lugar al isotipo. Sobre fotografía, sólo versión blanca o azul tinta con contraste suficiente.
Área de respeto
El espacio libre mínimo alrededor del logotipo equivale a la altura del isotipo («F»). Ningún elemento — texto, imagen o borde — invade esa zona.
Tamaños mínimos
| Logotipo · impreso | 36 mm de ancho (kit original). |
| Logotipo · web | 135 px de ancho mínimo. |
| Isotipo · impreso | 25 mm. |
| Isotipo · web | 24 px (favicon) · 32 px (UI). |
Comportamiento a tamaño pequeño
Por debajo de 120 px de ancho, el logotipo completo pierde legibilidad: se sustituye por el isotipo. En favicon y avatar, sólo isotipo.
Usos incorrectos del logotipo
Seis maneras de romper la marca. Cada una invalida el activo y debe rechazarse en revisión.
No aplicar colores fuera de la paleta de marca.
No estirar, comprimir, rotar ni inclinar.
No añadir sombras, contornos, degradados ni relieves.
No redibujar el isotipo ni recomponer el lockup.
No colocar sobre fondos sin contraste suficiente.
No invadir el área de respeto con otros elementos.
Sistema de color
La paleta se convierte en un sistema de tokens con jerarquía estricta. El azul ancla autoridad y profundidad; el naranja expresa movimiento y energía. Los colores de soporte existen, pero no pesan igual.
Tokens primarios
Autoridad y estructura. Titulares, navegación, bloques.
Movimiento y CTA. Acentos, flechas, estados.
Texto y bloques de máximo contraste.
Fondo de documento y web. Frío, anclado en azul.
Tarjetas y campos. Limpieza estética.
Tokens de soporte — racionalizados, nunca al mismo peso
Frescura y apoyo. Fondos suaves, datos.
Acento técnico y estados. Uso puntual.
Realce excepcional, un elemento por vista.
Neutro de soporte, deshabilitados.
Proporción, contraste y combinaciones
El color se gobierna por proporción y por contraste, no por gusto. El naranja es energía, no superficie.
Proporción de uso — 60 · 25 · 10 · 5
El papel domina, el azul estructura, el naranja activa con moderación y el soporte aparece como acento.
Accesibilidad & contraste
| Azul / blanco | 9,1:1 — AAA. Texto y UI. |
| Tinta / papel | 13:1 — AAA. Texto principal. |
| Naranja / blanco | 1,9:1 — no apto para texto. |
| Naranja / azul | 4,7:1 — apto para iconografía. |
Combinaciones
- Azul sobre papel / blanco.
- Blanco y naranja sobre azul.
- Naranja como acento sobre papel.
- Teal como estado, puntual.
- Naranja como fondo amplio.
- Texto naranja sobre blanco.
- Soportes al mismo peso.
- Degradados por defecto.
Tipografía
Fast Forward adopta la familia que comparte con su división agéntica, agentika.technology: Playfair para la voz editorial, Geist para interfaz y cuerpo, y Geist Mono para metadatos. La matriz fija el estándar; la división lo hereda.
ROL PRIMARIO
Geist
Grotesca (rol Avenir). Interfaz, cuerpo y titulares de producto. Cubre el 90 % del sistema, con claridad geométrica y construcción técnica.
ROL EDITORIAL
Playfair
Serif Didone (rol Didot). Declaraciones, citas y portadas. De alto contraste, como Didot. Nunca domina el sistema.
ROL TÉCNICO
Geist Mono
Metadatos, coordenadas y etiquetas. En mayúsculas con tracking amplio: la firma de voz técnica.
Escala tipográfica
Seis niveles, una jerarquía. El serif declara; la sans construye; la mono cataloga.
Cuerpo de lectura. Interlineado generoso y medida controlada para legibilidad sostenida; máx. 66 caracteres por línea.
Reglas de composición y lectura
La jerarquía la crean la tipografía y el espacio, no el color. Estas reglas valen para impreso y para móvil.
Reglas de composición
| Interlineado | 1,04 display · 1,12 titular · 1,62 cuerpo. |
| Tracking | Negativo en serif display; amplio (0,18–0,26em) en mayúsculas técnicas. |
| Mayúsculas | Sólo en metadatos y etiquetas. Nunca en titulares de marketing. |
| Medida | Cuerpo editorial ≤ 66 caracteres por línea. |
Móvil y lectura
- Cuerpo nunca por debajo de 16 px en web móvil.
- Display escala con clamp(); no se fija en px.
- Serif sólo para titulares; el cuerpo siempre en sans.
- font-display: swap y subconjunto latino.
- Contraste de texto ≥ 4,5:1 (AA).
Retícula, espacio y maquetación
La página se compone reglándola. Una retícula base de 8 px gobierna todo el ritmo vertical. El espacio en blanco es contenido, no vacío.
Retícula
| Escritorio | 12 columnas · gutter 32 px · máx. 1180 px. |
| Tablet | 8 columnas · gutter 24 px. |
| Móvil | 4 columnas · gutter 16 px · margen 24 px. |
| Base | Rejilla de 8 px; afinado en múltiplos de 4. |
Anchos de contenido
| Columna editorial | 640 px (cuerpo de lectura). |
| Documento | 960 px. |
| Bleed máximo | 1180 px. |
| Márgenes web | clamp(24px, 5vw, 84px). |
Escala de espaciado
| 4 / 8 | Micro · interior de etiquetas. |
| 16 / 24 | Interior de tarjeta, separación de párrafos. |
| 32 | Gutter de columna. |
| 64 / 96 | Ritmo de sección (padding-block). |
Densidad
Las secciones densas (tablas, especificaciones) y las abiertas (manifiesto, portada) alternan para crear ritmo. Una sección abierta justifica su espacio; una densa justifica su regla.
Motivos gráficos e iconografía
El motivo de la marca es la flecha hacia delante — el doble cheurón ya presente en «FORWARD». Se moderniza como sistema discreto de dirección, sin caer en decoración.
››
Indicador de «siguiente» y enlaces de avance.
§ 04 / ACTIVOS
Coordenada mono + número de placa.
El cheurón refuerza la acción.
Avance de lectura o de paso.
Regla azul de 2 px como ancla de sección.
CASO 012 ›› RESULTADO
El cheurón une problema y resultado.
Uso del motivo e iconografía
El cheurón es señal, no textura. Y los iconos, cuando hacen falta, hablan el mismo idioma de trazo fino y esquina viva.
- Usar el cheurón como señal de dirección, escaso.
- Reglas finas para estructurar, no para decorar.
- Coordenadas mono para dar voz técnica.
- Iconografía genérica de IA: nodos, partículas, circuitos.
- Dashboards falsos y datos de relleno.
- Repetir el cheurón hasta convertirlo en textura.
Componentes web
Se construyen con reglas y tipografía, no con rellenos y sombras. Deben sentirse a medida, precisos y ligeros. Sin estética de plantilla.
Botones
Azul: navegación y acción principal. Naranja: una sola llamada destacada por vista. Sin esquinas redondeadas, sin sombras.
Etiquetas y estados
Campos de formulario
Validación en línea, mensajes claros, foco visible.
Bloques de servicio y caso
SERVICIO 01
Estrategia
CASO 012
Reposición
ALIANZA
Validación
Patrones de página
Cita, estados vacíos, cabecera y banner de cookies — los patrones recurrentes resueltos con el mismo lenguaje sobrio.
Cita destacada
«Elegancia es precisión con intención.»
Estados de error / vacío
SIN RESULTADOS
No hay artículos en esta categoría todavía.
Cabecera, pie y banner de cookies
Sistema de artículos / insights
Fast Forward publica aproximadamente un artículo al mes. El sistema permite una presentación muy controlada sin repetición manual: una plantilla, piezas reutilizables, metadatos consistentes.
Índice y tarjeta de artículo
Cómo se construye una narrativa de reputación
La web como sistema, no como folleto
Arquitectura de arranque: empezar bien
Anatomía de un artículo
Las piezas del sistema editorial y sus reglas de publicación, una al lado de la otra.
Cómo se construye una narrativa de reputación
POR REDACCIÓN FFCA · 06·2026 · LECTURA 7 MIN
«La reputación no se declara: se construye con coherencia repetida.»
El cuerpo usa la sans a 16–18 px con interlineado holgado y medida controlada. Las notas de fuente se citan al pie en monoespaciada.
FUENTE: INFORME INTERNO FFCA, 2026.
Piezas del sistema
| Hero | Categoría + titular serif + metadatos mono. |
| Metadatos | Autor, fecha, categoría, tiempo de lectura. |
| Pull quote | Serif itálica, con regla naranja a la izquierda. |
| Cuerpo | Sans, medida ≤ 66 car., subtítulos sans 700. |
| CTA final | Una sola, comercial e intencionada. |
| Relacionados | 2–3 tarjetas al cierre. |
SEO / publicación
| SEO title | ≤ 60 car., con foco claro. |
| Meta description | ≤ 155 car., específica, sin hype. |
| OG image | Plantilla por artículo (§12). |
Social media y Open Graph
Un sistema coherente de avatar, cabeceras y tarjetas para compartir, todo derivado de la misma geometría.
Isotipo centrado sobre azul. Único formato de avatar en todas las redes.
Comunicación que acelera el impacto
FASTFORWARDCOMMUNICATION.AGENCY
Plantillas por red (LinkedIn, X, Facebook) con isotipo o logotipo según el espacio. El detalle vive en el Anexo de activos.
Criterios para compartir
El texto sobre imagen sigue las mismas reglas tipográficas del sistema. Nada de visuales genéricos de marketing: una idea por pieza y jerarquía clara.
- Texto sobre imagen con las reglas tipográficas del sistema.
- Fondo azul o fotografía con tratamiento sobrio.
- Una idea por pieza; jerarquía clara.
- Logotipo o isotipo según el espacio disponible.
- Visuales genéricos de stock y collages saturados.
- Emoji, signos de exclamación, hashtags en cascada.
- Texto ilegible sobre imagen sin contraste.
- Plantillas con degradados o sombras decorativas.
Voz y tono
Fast Forward escribe de forma estratégica, elegante y humana, con intención comercial. Conversacional y cercana, moderna sin ser trendy, específica nunca genérica. Si suena a marketing de LinkedIn, se reescribe.
estrategia · narrativa · reputación · método · arquitectura · impacto · claridad · criterio · sistema · resultado · decisión · posicionamiento
«soluciones innovadoras» · «en constante evolución» · «empoderar» · «disruptivo» · hype · lenguaje corporativo hueco · modestia excesiva · emoji · signos de exclamación · clichés de IA
«Más venta. Menos pudor. Si algo suena genérico, no es de Fast Forward.»
Otras agencias / Fast Forward
El mismo mensaje, dos voces. A la izquierda, el ruido del sector; a la derecha, cómo lo decimos nosotros.
«Somos una agencia innovadora que empodera a las marcas con soluciones disruptivas en un panorama en constante evolución.»
«Diseñamos tu estrategia de comunicación para que decidas mejor y lo cuentes con claridad.»
«¡Lleva tu marca al siguiente nivel con nuestro equipo apasionado!»
«Trabajamos tu posicionamiento hasta que el mercado lo entienda sin esfuerzo.»
«Ofrecemos soluciones 360º full-funnel para maximizar tu engagement omnicanal.»
«Ordenamos lo que dices, dónde lo dices y en qué orden. Luego lo medimos.»
Comunicación de servicios
Cada servicio se presenta con un nombre claro, un verbo de valor y una promesa específica. Sin catálogos genéricos: lo que hacemos y para qué sirve.
SERVICIO 01
Comunicación Estratégica
Diagnóstico, mensaje y plan. Antes de comunicar, decidimos qué merece serlo.
SERVICIO 02
Reputación y Posicionamiento
Construir y defender cómo se percibe una organización, con coherencia.
SERVICIO 03
Contenido y Narrativa
Una narrativa madre y un sistema editorial que la sostiene en el tiempo.
SERVICIO 04
Presencia Digital
La presencia como sistema coherente: web, social, insights y datos.
SERVICIO 05
Desarrollo Web a Medida
Webs construidas como producto: rápidas, accesibles y mantenibles.
SERVICIO 06
Arquitectura de Arranque
El método para empezar bien: levantar el plano antes de construir.
Fast Forward / agentika
Fast Forward es la marca matriz: la casa estratégica capaz de crear agentika. agentika.technology es su división agéntica especializada. No al revés.
MATRIZ
Fast Forward Communication
Comunicación estratégica, reputación, narrativa, contenido, presencia digital y desarrollo web a medida.
DIVISIÓN
agentika.technology
Sistemas agénticos y tecnología especializada. Identidad propia, gobernada por su propio manual.
Qué se comparte
- Estándares de rigor, gobernanza y disciplina de sistema.
- Relación comercial y referencias cruzadas explícitas.
- Cultura: claridad, método, elegancia operativa.
Qué permanece separado
- Identidad visual: paleta, tipografía y logotipo propios.
- Voz: Fast Forward es más comercial y abierta.
- Dominio y manual de marca independientes.
Capa legal y gobernanza
La capa legal se diseña desde el principio, no como un parche final. Cumplimiento claro, sin patrones engañosos y con el respeto al usuario como criterio.
Documentos requeridos
| Aviso legal | Titularidad, identificación y datos de contacto. |
| Privacidad | Tratamiento de datos, base legal y derechos (RGPD). |
| Cookies | Tipos, finalidad, consentimiento y revocación. |
| Términos | Condiciones de uso y de servicio, si aplica. |
Principios
- Banner de consentimiento real: aceptar y rechazar con igual peso.
- Sin patrones oscuros ni casillas premarcadas.
- Enlaces legales visibles en el pie de cada página.
- Contacto claro para derechos y privacidad.
- Descargos de validación profesional donde proceda.
Accesibilidad y rendimiento
La accesibilidad no es un añadido: es parte de la calidad. El rendimiento tampoco. Ambos se gobiernan con reglas concretas y verificables.
Accesibilidad
- Contraste de texto ≥ 4,5:1 (AA); objetivo AAA en cuerpo.
- Cuerpo ≥ 16 px en móvil; escalado sin romper.
- Foco siempre visible: outline azul, sin glow.
- Navegación completa por teclado.
- prefers-reduced-motion respetado.
- Texto alternativo descriptivo en toda imagen con contenido.
Rendimiento
- SVG optimizados; logotipo ligero y sin metadatos.
- Fuentes woff2 subconjunto, font-display: swap.
- JavaScript sólo donde aporta; nada decorativo.
- Imágenes responsivas, lazy, dimensiones explícitas.
- Sin sobrecarga de efectos: ni sombras pesadas ni degradados.
Archivos públicos y metadatos
El conjunto de archivos en la raíz del dominio que sostienen identidad, descubribilidad y buena ciudadanía técnica.
| Archivo | Función |
|---|---|
| favicon.ico | Icono de pestaña. Isotipo simplificado. |
| apple-touch-icon.png | Pantalla de inicio iOS (180 px). |
| icon-192 / 512.png | PWA, referenciados en el manifest. |
| maskable (512) | Android, con zona segura del isotipo. |
| og-image.png | Previsualización social por defecto (1200×630). |
| site.webmanifest | Nombre, iconos, color de tema y fondo. |
| Archivo | Función |
|---|---|
| robots.txt | Reglas de rastreo y enlace a sitemap. |
| sitemap.xml | Mapa del sitio; se actualiza al publicar. |
| llms.txt | Guía para modelos: qué es la marca y qué citar. |
| humans.txt | Equipo y créditos. |
| security.txt | Contacto para reporte de seguridad. |
Título ≤ 60 car., meta description ≤ 155 car., URL canónica, etiquetas Open Graph y Twitter completas.
schema.org donde aporte: Organization, Article, BreadcrumbList. Sin abusar del marcado.
Do’s & don’ts
Las decisiones que preservan o rompen la marca, en una sola vista.
- El logotipo, isotipo y su construcción.
- El azul como ancla y el naranja como acción.
- La lógica de flecha hacia delante.
- El equity y el reconocimiento de marca.
- Color tokenizado con jerarquía estricta.
- Tipografía web con sustitutas con licencia.
- Componentes a medida, sin estética de plantilla.
- Voz comercial, específica y elegante.
- Degradados como lenguaje por defecto.
- Naranja como fondo amplio o texto corrido.
- Sombras casuales y radios inconsistentes.
- Iconografía genérica de IA y emoji.
- Recolorear o redibujar el logotipo.
- Repartir todos los colores al mismo peso.
- Copiar la identidad visual de agentika.
- Lenguaje genérico de marketing de LinkedIn.
Checklist de implementación
Una lista práctica por rol. Lo que debe estar resuelto antes de publicar.
- Usar sólo tokens de color; cero colores nuevos.
- Respetar área de respeto y tamaños mínimos.
- Sin sombras, degradados ni radios fuera de regla.
- Importar ff.css; no inventar variables.
- SVG con estilos restaurados, no rotos.
- Foco visible, teclado y reduced motion.
- Aplicar voz §13; eliminar clichés.
- « » para citas; espacio antes de %.
- Cursiva en extranjerismos.
- Títulos y descripciones dentro de límite.
- sitemap.xml, llms.txt y canónicas.
- Datos estructurados donde aporten.
- Contraste AA verificado.
- Alt text en toda imagen con contenido.
- Orden de foco lógico.
- Aviso, privacidad, cookies sin patrones oscuros.
- Avatar y cabeceras desde plantilla.
- Plantilla de artículo + OG por publicación.
Colofón
Este manual es un documento vivo. Cualquier excepción a sus reglas debe documentarse y aprobarse por la propiedad de marca antes de su publicación.
Gobernanza: la paleta, la tipografía, el sistema de logotipo y la voz se rigen por este documento. No se inventan colores, efectos, sombras, degradados ni radios fuera de lo aquí definido. Si algo suena genérico, se reescribe.
© 2026 FAST FORWARD COMMUNICATION AGENCY. Todos los derechos reservados.