Manual de identidad
Sistema verbal y visual completo
Todos descargables uno por uno
Katana como acento
Introducción
y gobierno
Este manual existe para que la marca sobreviva a quien la opera. Define qué es obligatorio, qué es recomendado y qué queda abierto — y quién decide cuando algo no está previsto.
Para quién es
Dirección, equipo interno, proveedores de diseño, imprenta, agencias y cualquier persona que produzca una pieza con el nombre Katana Breis.
Para qué sirve
Para que dos piezas hechas por personas distintas, en semanas distintas, se reconozcan como la misma marca.
Cómo se usa
Se consulta por capítulo, no se lee de corrido. Cada regla trae especificación, ejemplo y error típico; lo que no esté aquí se resuelve con la regla más cercana y se reporta.
No todas las reglas pesan igual. Cada una de este manual cae en uno de estos tres niveles, y el nivel dice qué pasa si se rompe.
| Nivel | Qué significa |
|---|---|
| Obligatorio | Afecta el reconocimiento de la marca: logotipo, color núcleo, tipografía, contraste mínimo. Una pieza que lo rompe no sale. No admite excepción por prisa. |
| Recomendado | Mejora la coherencia pero admite criterio: proporción cromática, elección de registro fotográfico, densidad de patrón. Se documenta la desviación. |
| Abierto | Zona de exploración: composiciones nuevas, piezas sin precedente, pruebas de campaña. Se valida antes de publicar y, si funciona, entra al manual. |
| Campo | Valor |
|---|---|
| Versión | 2026 · sustituye a toda versión anterior |
| Alcance | 20 capítulos · sistema verbal y visual completo |
| Formato | HTML autocontenido, dos pieles, imprimible a PDF sin software adicional |
| Biblioteca | Más de 380 elementos descargables uno por uno |
| Vigencia | Revisión obligatoria cada 12 meses o ante cambio de oferta |
| Autoridad | Dirección general de Katana Breis autoriza cualquier excepción |
Plataforma
estratégica y ADN
La definición que debe permanecer estable aunque evolucionen los servicios y las herramientas. Todo lo demás en este manual se deriva de esta página.
Esencia
Precisión
Esencia
Estrategia
Esencia
Tecnología
Esencia
Evolución
Categoría
Sistemas Comerciales de Precisión. No es un descriptor de servicio: es una categoría propia que la marca reclama y defiende.
Promesa
Estrategia que ordena.
Tecnología que ejecuta.
Qué hacemos
Convertimos operaciones comerciales dispersas en sistemas claros, medibles y escalables. Estrategia, procesos, datos, CRM, automatización, IA y analítica trabajando como uno solo.
Definición. Katana Breis es una consultora especializada en diseñar, implementar y optimizar sistemas comerciales de precisión. Ayuda a empresas B2B a transformar procesos de ventas dispersos en sistemas claros, medibles y escalables, alineando estrategia comercial, procesos, personas, datos, CRM y automatización.
Lo que somos
Estrategia aplicada, arquitectura de procesos, digitalización, CRM, automatización, IA aplicada, analítica y mejora continua.
Lo que no somos
Una revendedora de software, una agencia de marketing, una consultora generalista o una marca temática basada en combate.
Una katana no alcanza su precisión por la fuerza ni por la cantidad de material con la que fue creada. Su valor proviene del equilibrio, las capas que la conforman, la disciplina de su proceso y la precisión de su filo.
Lo mismo sucede con un sistema comercial. Una empresa no mejora por incorporar más herramientas o generar más actividades. Mejora cuando elimina la fricción, define con claridad su proceso y conecta personas, datos y tecnología alrededor de una estrategia.
Katana Breis identifica lo que dispersa, ordena lo que importa y convierte la estrategia en un sistema que puede ejecutarse, medirse y mejorarse. No implementamos tecnología por implementar. Forjamos sistemas comerciales de precisión.
Cuatro etapas en este orden y con esta nomenclatura, sin sinónimos. No es una línea, es un ciclo: la O devuelve a la F.
| Etapa | Decisión central | Resultado |
|---|---|---|
| F · Foco | ¿Qué problema y objetivo importan realmente? | Diagnóstico y prioridades. |
| I · Integración | ¿Qué personas, procesos, datos y herramientas deben conectarse? | Arquitectura del sistema. |
| L · Lógica | ¿Qué etapas, criterios, reglas e indicadores deben ejecutarse? | Proceso y CRM configurados. |
| O · Optimización | ¿Qué debe medirse, adoptarse y mejorarse? | Evolución continua y escalabilidad. |
Disciplina con propósito
Método para eliminar caos y enfocar la operación en lo que genera valor.
Procesos que escalan
Reglas, etapas y responsabilidades para crecer con consistencia.
Visibilidad que impulsa
Datos convertidos en claridad para decidir y anticipar.
Tecnología que ejecuta
CRM y automatización llevando la estrategia a la operación diaria.
Arquetipo principal · Gobernante
Ordena, estructura, establece criterios y devuelve control a la operación.
Arquetipo secundario · Sabio
Analiza, cuestiona, interpreta datos y recomienda con fundamento.
La marca es
- Estratégica
- Sofisticada
- Tecnológica
- Analítica
- Firme
- Minimalista
La marca no es
- Rígida
- Complicada
- Fría
- Agresiva
- Pretenciosa
- Genérica o futurista sin propósito
Ordena
Convertimos la complejidad en sistemas comerciales eficientes.
Conecta
Integramos procesos, personas y tecnología para un flujo continuo de información.
Impulsa
Transformamos la operación comercial en crecimiento medible.
| Variable | Perfil |
|---|---|
| Tipo de empresa | B2B con venta consultiva o de ticket medio/alto. |
| Equipo comercial | Aproximadamente 3 a 20 personas. |
| Situación | Actividad comercial existente, pero con baja estructura, adopción o visibilidad. |
| Señales | Pipeline poco confiable, seguimiento disperso, Excel y WhatsApp como sistema informal. |
| Necesidad | Definir el proceso, digitalizarlo, elegir o corregir el CRM y automatizar lo repetitivo. |
Audiencias y
arquitectura de marca
A quién le habla la marca, contra qué compite de verdad y cómo se organiza cuando crece la oferta.
Audiencias4| Audiencia | Qué necesita |
|---|---|
| Dirección general B2B | Empresa de 20 a 300 personas con equipo comercial propio. Quiere previsibilidad de ingreso, no herramientas. Decide. Le importa el riesgo de implementar y fallar. |
| Dirección comercial | Vive el problema todos los días: pronóstico que no se cumple, CRM que nadie usa, información en cabezas. Es quien más gana con el sistema y quien más teme ser evaluado por él. |
| Operación y sistemas | Evalúa factibilidad técnica e integración. No decide, pero puede detener. Le importa que no se le herede deuda técnica. |
| Proveedores y aliados | Imprenta, agencias, desarrolladores. No compran: producen. Necesitan reglas, no argumentos. |
Katana Breis no compite contra un CRM ni contra una agencia. Compite contra tres alternativas que la empresa ya tiene a la mano, y el posicionamiento existe para ganarle a esas tres.
| Alternativa | Por qué pierde |
|---|---|
| Hacerlo internamente | Nadie tiene el tiempo ni la distancia. Nuestro argumento: el diagnóstico externo ve lo que la operación ya normalizó. |
| Comprar software | El CRM no diseña el proceso. Nuestro argumento: primero el sistema comercial, después la herramienta que lo ejecuta. |
| Consultora generalista | Entrega documento, no operación. Nuestro argumento: implementamos y medimos, y volvemos cada mes. |
Territorio propio
La intersección donde la marca es difícil de sustituir: estrategia comercial + arquitectura de proceso + ejecución tecnológica, medidas en el mismo tablero.
Una consultora que no implementa no entra; un integrador que no diseña proceso tampoco. Esa es la defensa de la categoría.
Arquitectura de marca
Marca única. Katana Breis no crea submarcas por servicio ni por industria.
Los servicios se nombran de forma descriptiva y siempre subordinados: Katana Breis · Agentes Comerciales IA. Nunca un nombre propio, un logo aparte ni una paleta distinta para una línea.
Naming y
protección de marca
De dónde viene el nombre, qué pruebas pasó y en qué estado está su registro. El único lugar del manual que puede hablar de propiedad industrial.
Este capítulo registra el origen del nombre y el estado real de su protección. Se actualiza con cada movimiento ante el IMPI y nunca afirma un registro que no esté concedido.
Origen y criterios| Componente | Criterio |
|---|---|
| Katana | El filo como metáfora de precisión y de decisión. Aporta el universo japonés del que salen Ensō, Hamon, Forja y Kaizen. |
| Breis | Componente corto, pronunciable en español e inglés, sin significado previo. Hace el conjunto registrable y buscable. |
| Prueba fonética | Dos palabras, cuatro sílabas, acento en la primera de cada una. Se dicta por teléfono sin deletrear más que «Breis». |
| Prueba cultural | Revisada en español de México y en inglés. No arrastra connotación de violencia cuando va acompañado de la categoría. |
| Prueba digital | Dominio propio y usuarios coincidentes en las redes donde la marca publica. |
| Campo | Contenido |
|---|---|
| Titular | Katana Breis SAS · San Luis Potosí, México |
| Clases de interés | Clase 35 (servicios de consultoría y gestión comercial) y Clase 42 (servicios tecnológicos y de software) |
| Estado | Por documentar — registrar aquí número de expediente, fecha de presentación y estatus vigente |
| Uso del símbolo | Mientras no haya registro concedido no se usa ®. Se usa ™ o no se usa nada. |
| Vigilancia | Revisión semestral de la Gaceta y del mercado para detectar signos confundibles |
Identidad verbal
y mensajes
Frases breves, argumentos claros y una seguridad que no necesita exagerar. La fuerza de Katana Breis es serena: observa, decide y ejecuta.
| Principio | Cómo se expresa |
|---|---|
| Claridad | Explica el problema antes de presentar la herramienta. |
| Precisión | Términos concretos: etapa, criterio, dato, responsable, indicador. |
| Calma | No crea urgencia artificial ni dramatiza el desorden del cliente. |
| Autoridad | Recomienda con fundamento y reconoce límites o dependencias. |
| Acción | Cierra con el siguiente paso, resultado o decisión esperada. |
- Nombrar la fricción o el problema observable.
- Explicar por qué ocurre y qué impacto produce.
- Mostrar el principio o sistema que lo resuelve.
- Invitar a una acción clara: diagnosticar, ordenar, digitalizar u optimizar.
Palabras propietarias
Precisión · sistema · foco · estructura · visibilidad · lógica · integración · digitalización · trazabilidad · disciplina · adopción · optimización
Evitar
Filo (fuera del manifiesto) · conquistar · atacar · vencer · arma secreta · revolución digital · solución 360 · tecnología de vanguardia sin evidencia
Así sí
Tu equipo tiene leads suficientes. El problema es que nadie sabe en qué etapa está cada uno.
Así no
Ofrecemos soluciones integrales de transformación digital que revolucionan tu ecosistema comercial.
Así sí
Un CRM no corrige un proceso impreciso. Lo vuelve más visible.
Así no
Somos partners estratégicos en la implementación de tecnologías de vanguardia orientadas a resultados.
Así sí
Configuramos seis etapas. Cada una tiene un criterio de avance escrito que no depende del vendedor.
Así no
Diseñamos un embudo infalible que garantiza el 100 % de conversión de tus oportunidades.
| Nivel | Mensaje aprobado |
|---|---|
| Idea rectora | Primero el sistema. Después la herramienta. |
| Categoría | Sistemas Comerciales de Precisión. |
| Firma | Estrategia que ordena. Tecnología que ejecuta. |
| Promesa | Convertimos operaciones comerciales dispersas en sistemas claros, medibles y escalables. |
| Diferenciador | Diseñamos primero el proceso y hacemos que el CRM lo ejecute. |
| Servicios | Diagnóstico comercial · Digitalización e implementación CRM · Automatización y optimización. |
| CTA principal | Agenda un diagnóstico de tu proceso comercial. |
Un CRM no corrige un proceso impreciso.
Cada etapa necesita un criterio. Cada dato, un propósito.
Menos fricción. Más visibilidad. Mejores decisiones.
La tecnología debe ejecutar la estrategia.
No necesitas más herramientas. Necesitas un sistema.
La precisión comercial se diseña, no se improvisa.
| Canal | Tono |
|---|---|
| Propuesta | Formal y estructurado. Sin metáforas. |
| Directo y didáctico. Abre con la fricción observable. | |
| Correo de seguimiento | Breve y útil. Aporta antes de pedir. |
| Diagnóstico entregado | Descriptivo y neutro. Hechos primero. |
| Web | Afirmativo y corto. Una metáfora, al cierre. |
| Capacitación | Paciente y literal. Cero jerga. |
Símbolos y
narrativa visual
Cada recurso visual debe tener una función estratégica reconocible. El símbolo nunca sustituye la explicación del valor.
Los cinco códigos5Cada código existe dibujado, no solo nombrado: trazo geométrico de grosor constante sobre lienzo de 300 × 300, listo para usarse como pictograma, sello, marca de agua o recurso de composición. Descarga cualquiera en SVG.
Kidō 軌道 significa órbita, trayectoria, vía. Es la segunda familia simbólica de la marca y resuelve algo que los cinco códigos anteriores no cubrían: la inteligencia artificial y los agentes. Una forja, un hamon y una retícula hablan de oficio y de precisión humana; no hablan de un modelo que decide, de una señal que se propaga ni de una tarea que se ejecuta sin que nadie la toque.
La familia toma prestado el vocabulario geométrico del espacio — órbita, trayectoria, constelación, pulso — y no su imaginería. No hay planetas, cohetes, astronautas ni cielos estrellados: eso es temática, está saturada en el sector tecnológico y chocaría de frente con el universo japonés ya establecido. Lo que sí entra es la gramática: centros, satélites, órbitas, nodos y rutas. Esa gramática ya existía en la marca — la retícula es una malla de nodos — así que Kidō no es un injerto: es la retícula puesta en movimiento.
Regla de convivencia
Los cinco códigos hablan de método, oficio y criterio. Kidō habla de sistema, señal y automatización.
Una pieza usa una familia o la otra, nunca las dos mezcladas en el mismo plano. El único cruce autorizado es retícula + Kidō, porque comparten la misma lógica de nodos.
Color
- Kidō va en Katana #0EA5D8 sobre oscuro.
- Sobre claro va en Katana profundo #0091D5, nunca en cian.
- Admite gradiente solo en los trazos de órbita y trayectoria.
- Nunca lleva relleno sólido ni sombra.
Prohibido
- Planetas, lunas, cohetes, naves, astronautas.
- Fondos de cielo estrellado o nebulosa.
- Cerebros, circuitos impresos, chips, robótica.
- Partículas flotando sin estructura.
Movimiento: los seis vienen animados, igual que el ensō. La animación va dentro del SVG, así que el archivo que descargas se mueve solo: no hace falta código alrededor. Lo que orbita gira entre 18 y 40 segundos por vuelta; lo que late lo hace entre 2.3 y 3.4 segundos. Nada parpadea, nada rebota y nada se dibuja a sí mismo. En impreso y en PDF se congela en su primer fotograma, que es la versión estática.
El trazo del filo es el elemento gráfico de la marca: símbolo de precisión, enfoque y avance continuo. Forma parte del logotipo y también vive suelto como recurso de composición.
| Regla | Valor |
|---|---|
| Dirección | Siempre ascendente de izquierda a derecha. Nunca se refleja. |
| Rotación | Ninguna. El ángulo es el del arte maestro. |
| Color | Gradiente Katana. Sobre fondo claro admite versión en Aizome plano. |
| Cantidad | Una por pieza. Nunca dos filos cruzados. |
| Recorte | Puede salir del encuadre por sus puntas, nunca por el centro. |
El único símbolo circular autorizado, y se presenta siempre cerrado: anillo de circunferencia perfecta, grosor constante, sin apertura y sin excepciones. Un círculo completo es lo que corresponde a una marca que entrega sistemas terminados. Sin acuarela, sin pincel seco, sin irregularidad: la textura lo hace ver torcido a tamaño pequeño y contradice la precisión que la marca promete. Cuando el medio lo permite, el ensō se mueve: gira en órbita, nunca parpadea ni se dibuja a sí mismo.
Cambio (改) para mejor (善). Disciplina industrial japonesa de mejorar un proceso en incrementos pequeños y sostenidos, en lugar de rediseñarlo de golpe.
Un diagnóstico separa lo que sirve de lo que sobra, pero se hace una vez. Katana Breis vuelve cada mes. Kaizen explica el regreso, y por eso es el fundamento de la etapa O y del tercer servicio.
| Consecuencia | Cómo se aplica |
|---|---|
| En el servicio | Se entrega poco y se mejora seguido. |
| En el discurso | No se promete transformación: mejora medible y sostenida. |
| En el sistema visual | El ensō abierto es su representación. |
| En el manual | Este documento se versiona en lugar de reescribirse. |
| Recurso | Uso permitido | Condición |
|---|---|---|
| Kaizen 改善 | Mejora continua y optimización. | Incluir traducción en la primera aparición. |
| Dō · camino 道 | Metodología, práctica y evolución. | Uso conceptual, nunca espiritual ni religioso. |
| Otros caracteres | Acentos editoriales excepcionales. | Verificar significado, escritura, lectura y contexto. |
| Símbolos históricos | Solo cuando aporten significado real. | Evitar emblemas políticos, militares o religiosos. |
Logotipo y
sistema de firmas
El sistema de marca tiene cinco construcciones autorizadas: el logotipo completo, el isotipo, su versión circular, la katana sola y el monograma. Cada una tiene un uso definido y ninguna sustituye a otra por comodidad.
La unidad de medida es x = altura de la K de «KATANA».
| Regla | Valor |
|---|---|
| Reserva mínima | 1x por los cuatro lados, medida desde el bloque tipográfico. Las puntas de la katana pueden invadirla: forman parte del arte. |
| Reserva recomendada | 2x en portadas y gran formato. |
| Proporción | Logotipo 2.94 : 1 · isotipo 1 : 1. Fijas. |
| Alineación | BREIS alineado a la derecha del bloque KATANA. No se centra ni se separa. |
| Soporte | Mínimo | Construcción |
|---|---|---|
| Digital | 180 px de ancho | Logotipo completo. |
| Impreso | 32 mm de ancho | Logotipo completo, reproducción vectorial. |
| Entre 48 y 180 px | — | Isotipo. |
| Por debajo de 48 px | — | Katana sola. |
| Bordado / grabado | 40 mm | Monocroma a una tinta. |
Además, nunca
- Recomponer el bloque: KATANA arriba, BREIS abajo a la derecha, siempre.
- Sustituir la tipografía del logotipo por Outfit ni por ninguna otra.
- Separar la katana del logotipo y dejarla suelta dentro de la misma pieza.
- Cambiar el gradiente de la katana por un color plano en la versión principal.
- Añadir descriptor dentro del área de reserva.
Convivencia con otras marcas
En materiales con logotipos de plataformas (Odoo, HubSpot, Zoho, Pipedrive), Katana Breis va primero y en mayor jerarquía, separada por un filete vertical de 1 px en tsuyu.
Los logotipos de terceros se usan en monocroma cuando su licencia lo permita, alineados a la misma altura óptica y con reserva propia de 1x.
Cómo se comporta el logotipo sobre cada superficie del sistema, junto a otras marcas y dentro de piezas compuestas.
Aplicaciones de marca20De la tarjeta al cintillo de video, agrupadas en cinco familias: papelería, identidad personal, vestimenta, merchandising, entorno y digital. Cada pieza fija tamaño del logotipo, superficie y técnica; lo que no aparece aquí se resuelve con la regla de la superficie más parecida, nunca improvisando. Descarga cualquiera en JPG.
Es la composición que abre banner, portada de propuesta y cabecera de red social. Tiene cuatro piezas y un orden fijo: logotipo — kanji — filete vertical — lista de capacidades, todo alineado a una sola línea base.
| Pieza | Regla |
|---|---|
| Logotipo | A la izquierda, a la altura que fije la retícula. Nunca centrado en esta composición. |
| Kanji 改善 | Vertical, dos caracteres, altura igual a la caja completa del logotipo. En Aizome sobre claro, en Katana vivo sobre tinta. Es el único kanji que la marca compone de este modo. |
| Filete | 1 px, altura de la lista, separando kanji de texto. En línea, nunca en acento. |
| Lista | De tres a siete capacidades, una por línea, versalitas con tracking de .14em. Sin viñetas cuando acompaña al kanji; con punto de acento cuando va sola. |
善
Procesos
CRM
Automatización
IA
Analítica
La cinta de líneas paralelas que cruza las piezas de redes. Es el único elemento orgánico del sistema y por eso tiene reglas estrictas: nace fuera del encuadre, cruza en diagonal ascendente y sale por el lado opuesto. No se cierra, no se enrolla y no forma figuras.
- De cinco a nueve líneas, de 1 a 2 px, con separación creciente.
- En gradiente Katana sobre tinta; en Cielo 50 sobre imagen.
- Opacidad máxima 45 %. Nunca compite con el logotipo.
- Una por pieza, y nunca sobre texto de cuerpo.
Con la categoría
Categoría a 1/8 del ancho del bloque, alineada a la izquierda, separada 0.5x.
Con la firma
Tecnología que ejecuta.
Firma solo en cierres y pie de página. Nunca junto a la categoría en la misma línea.
Con el ensō
Solo en piezas de cierre. El ensō nunca toca el área de reserva ni se sitúa detrás del bloque.
Con marcas de plataforma
Katana Breis primero y en mayor jerarquía, separada por un filete vertical de 1 px en piedra.
Con el filete hamon
Un solo filete por pieza, siempre por debajo del bloque.
Centrado
Única composición centrada autorizada: portadas y stickers. Todo lo demás va alineado a la izquierda.
| Soporte | Ancho del bloque | Posición |
|---|---|---|
| Tarjeta 85 × 55 mm | 32 mm | Superior izquierda, margen 6 mm. |
| Hoja A4 | 30 mm | Superior izquierda, margen 18 mm. |
| Presentación 16:9 | 128 px | Superior izquierda, margen 56 px. |
| Web · cabecera | 150 px | Superior izquierda, margen 64 px. |
| Banner LinkedIn | 300 px | Izquierda, centrado en vertical. |
| Empaque | 1/3 del ancho de la cara | Centrado, reserva 2x. |
| Señalización | 1/2 del ancho del panel | Centrado óptico. |
Sistema
cromático
Seis colores núcleo, una paleta operativa de apoyo y una rampa aparte para fotografía. Cada color tiene un significado asignado: el color no decora, comunica una cualidad de la marca.
Haz clic en cualquier muestra para copiar su HEX.
Núcleo6Derivados para superficie y texto. No aparecen en la guía de marca como colores propios: existen para que el sistema funcione en pantalla. El acento vive en tres profundidades, una por tipo de superficie, y dos de ellas están aquí. Los neutros se rehicieron con croma visible — de 34 a 40 % de saturación frente al 6 % del antiguo Grafito — para que bajar de jerarquía no signifique volverse gris. El resto de la paleta operativa es oscura por origen — se deriva de Abismo, no del papel — porque la interfaz es el territorio natural de la marca; los blancos de documento (#F7F9FA, #E3E9EC, #B6C2C8) viven aparte, en el modo documento de la sección de retícula, y no se usan en pantalla.
Katana es un cian de 195° y eso tiene una consecuencia que no se negocia: a plena saturación no alcanza contraste de texto sobre blanco. En lugar de cambiar el color de la marca, el acento se oscurece o se aclara según la superficie que pisa. Mismo tono, misma familia, tres niveles.
Entre el acento #0091D5 y la base de tinta no había nada. Ese hueco es exactamente donde vive la fotografía de la marca: el azul de la hora azul, el cielo del amanecer, la bruma sobre la ciudad. Al no estar declarado, cada pieza lo improvisaba y terminaba cayendo en gris.
La rampa Cielo cierra ese hueco con cinco pasos muestreados de las piezas reales de la marca. Todos viven en el tono 205°, cinco grados por encima del acento: suficiente para que la fotografía no compita con Katana, y lo bastante cerca para que se lean como la misma familia.
Amanecer · la única nota cálida
#F7E1C8 es el ámbar del horizonte, y es el único color cálido autorizado en todo el sistema.
Aparece solo donde el sol toca la imagen: la línea del horizonte, el reflejo en el cristal, la luz de una avenida. Nunca como superficie, nunca como texto, nunca en un gráfico. Es lo que impide que la marca se sienta fría a pesar de estar construida entera en azul.
No forman parte de la identidad y jamás se usan en comunicación. Existen solo para estados de sistema, y se eligieron dentro de la familia fría de la marca: nada de semáforo verde-ámbar-rojo. El verde y el rojo institucionales arrastran un código de oficina que contradice el carácter técnico de la paleta; la rampa cian → periwinkle → magenta cumple la misma función sin salirse del universo de la marca.
Proporción digital. Abismo es casi todo: fondo de pantalla, de sección y de tarjeta, plano y sin veladuras. Aizome baja a 16 y aparece solo donde un panel debe separarse del fondo; Hamon y Tsuyu viven en datos, filetes y texto; Katana se reserva al acento sin pasar del 8 %. Ningún degradado de fondo: el degradado es recurso de pieza, nunca atmósfera de página.
Proporción documento. Propuestas, diagnósticos y papelería impresa: aquí manda el blanco. Abismo no desaparece: sostiene portadas, cierres y los paneles de dato destacado, que es lo que mantiene reconocible al documento junto a la pieza digital. El acento va en su versión profunda.
| Combinación | Ratio | Veredicto |
|---|---|---|
| Blanco sobre abismo | 20.1:1 | AAA |
| Aizome sobre blanco | 15.7:1 | AAA |
| Blanco sobre aizome | 15.7:1 | AAA |
| Aizome sobre hamon | 13.1:1 | AAA |
| Katana vivo sobre abismo | 11.3:1 | AAA |
| Katana vivo sobre aizome | 8.9:1 | AAA |
| Katana sobre abismo | 7.1:1 | AAA |
| Katana profundo sobre abismo | 5.7:1 | AA |
| Katana profundo sobre blanco | 3.5:1 | Titular e icono |
| Tsuyu sobre blanco | 6.2:1 | AA |
| Abismo sobre katana | 7.1:1 | AAA |
| Katana sobre blanco | 2.8:1 | Nunca como texto |
Katana · el acento
Es el color que la marca reserva para lo que marca precisión: el filo del logotipo, el dato en foco, el estado activo, el enlace.
Con 2.8:1 sobre blanco no es color de texto. Vive en superficies, trazos y fondos; cuando necesita llevar texto encima, el texto va en abismo. Para escribir con el acento, el sistema baja o sube de profundidad: Katana profundo #0091D5 sobre claro y Katana vivo #00D4FF sobre oscuro.
El gradiente Katana
La transición de aizome profundo a katana y cierre luminoso es el material distintivo de la marca en digital. Los veinte gradientes de la sección 09 salen de esta paleta y de ninguna otra.
Reglas de contraste
- Katana nunca es color de texto, en ningún fondo (2.8:1 sobre blanco).
- Sobre claro, el acento es Katana profundo #0091D5: 3.5:1, suficiente para titulares desde 24 px, cifras, iconos, filetes y enlaces subrayados.
- Texto de cuerpo sobre claro nunca va en acento. Va en aizome (13.5:1) o tsuyu (6.2:1).
- Sobre oscuro, el acento de texto es Katana vivo #00D4FF: 9.6:1, sin restricción de tamaño.
- Texto sobre el acento: siempre abismo o blanco, nunca gris.
Prohibido
- Colores adicionales por campaña. La paleta no se amplía.
- Rojo, dorado o negro laca decorativos.
- Katana como color de texto sobre claro.
- Semáforos de tres colores en comunicación.
- Degradados fuera de las secciones 09 y 10.
Transiciones de color a color, opacas, para superficies. Veinte combinaciones autorizadas construidas solo con la paleta de la sección 07. Fuera de esta biblioteca no se improvisa ningún gradiente.
Haz clic en cualquier ficha para copiar su CSS.
Reglas
- Máximo un gradiente por pieza, siempre como superficie de fondo.
- Nunca sobre tipografía, iconos, líneas ni el logotipo.
- Ángulo autorizado: 0°, 90°, 160°, 20° y 105° (el corte). Ningún otro.
- Entre dos y tres paradas. Cuatro o más se ve sucio.
- El texto encima exige contraste verificado; si no llega, se añade overlay (sección 13).
- No se mezclan dos familias cromáticas distintas en el mismo gradiente.
Cuándo usarlos
- Portadas y cierres: los nocturnos, del 1 al 4.
- Interiores claros: del 5 al 7, con texto en sumi.
- Interfaces y datos: Katana y los radiales.
- Indicadores circulares: únicamente los cónicos, 18 y 19.
- Fotografía: el duotono, 20, combinado con el overlay correspondiente.
Transiciones de color a transparente: veladuras que se superponen a una superficie o a una fotografía sin sustituirla. Son la herramienta de legibilidad del sistema.
Cada ficha se muestra sobre una retícula para que se vea dónde empieza y termina la transparencia. Haz clic para copiar el CSS.
Diferencia con los gradientes
Un gradiente (sección 09) es una superficie: sustituye al fondo. Un degradado es una veladura: se superpone y deja ver lo que hay debajo.
Consecuencia práctica: el gradiente va en el plano de fondo; el degradado siempre va entre la imagen y el texto. Nunca se usan dos degradados sobre la misma zona.
Reglas
- Solo en negro sumi, aizome, piedra, hamon o Katana. Nunca en dos colores.
- Opacidad máxima de la parada más fuerte: 92 %.
- El punto de inicio de la transparencia nunca cae sobre el texto.
- El corte a 15° es el único degradado con borde duro.
- Sobre fotografía, siempre uno de los de la sección 13.
Sistema
tipográfico
Dos familias de géneros distintos: Outfit, geométrica, para lo que se ve —títulos, conceptos y cifras— e Inter, grotesca, para lo que se lee —textos, documentos y propuestas—.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · %&@#·()[]
Títulos · conceptos · cifras · interfaz
Pesos Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700 y ExtraBold 800. Geometría limpia, de círculos casi perfectos y sin un solo gesto superfluo: es la familia que envejece mejor del sistema. Se usa en titulares, indicadores, etiquetas y toda la interfaz.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · %&@#·()[]
Textos · documentos · presentaciones · propuestas
Pesos Light 300, Regular 400, Medium 500, SemiBold 600 y Bold 700. Dibujada específicamente para pantalla y para tamaños pequeños, que es donde el manual se juega la legibilidad: tablas de 13 px, notas de 12 y etiquetas de 10. Es la voz de trabajo.
| Uso | Familia y peso | Criterio |
|---|---|---|
| Titulares | Outfit Bold 700 | Frases cortas, tracking −3.2 %, máximo dos líneas. |
| Subtítulos | Outfit Medium 500 | Jerarquía clara y lenguaje descriptivo. |
| Conceptos y etiquetas | Outfit SemiBold 600 | Mayúsculas con tracking .14em. Solo en etiquetas y navegación. |
| Cifras e indicadores | Outfit Bold 700 | Cifras tabulares activadas. |
| Texto corrido | Inter Regular 400 | Lectura funcional, bloques breves, 66 caracteres por línea. |
| Énfasis en texto | Inter SemiBold 600 | Nunca cursiva para enfatizar; nunca color. |
| Entradas de sección | Inter Light 300 | Máximo 58 caracteres por línea. |
Escala tipográfica
Reglas
- El logotipo es un arte propio: nunca se reconstruye con Outfit ni con Inter.
- Las dos familias no se intercambian: Outfit no lleva párrafos, Inter no lleva titulares.
- Evitar tipografías orientales, caligráficas, góticas o futuristas decorativas.
- Mayúsculas con espaciado amplio solo en etiquetas, conceptos y navegación.
- Interlineado generoso, bloques breves, alineación a la izquierda.
- Jerarquía por familia, tamaño y peso. Nunca por color.
- Cifras tabulares en toda tabla o comparación.
Familias de apoyo
Noto Sans JP se reserva a caracteres japoneses verificados.
Arial o Helvetica como alternativa técnica en Office, Google Workspace o plantillas de CRM que no admitan fuentes propias. En ese caso la jerarquía se sostiene solo con peso y tamaño. Nunca Times New Roman, Calibri Light ni decorativas.
Dónde conseguirlas
Las dos son gratuitas para uso comercial y están en Google Fonts. Se instalan en el equipo para Office y se enlazan por CSS en web. No requieren licencia ni pago por dominio.
Composición y
lenguaje gráfico
La retícula es la mitad del concepto de marca. No es una guía opcional: es el elemento visual que representa el sistema.
| Contexto | Columnas | Canal | Margen |
|---|---|---|---|
| Web · escritorio | 12 | 24 px | 64 px |
| Web · tableta | 8 | 20 px | 40 px |
| Web · móvil | 4 | 16 px | 22 px |
| Documento A4 | 6 | 6 mm | 18 mm |
| Presentación 16:9 | 12 | 20 px | 56 px |
Escala de espaciado
Todo espacio es múltiplo de 8.
| Token | Valor | Uso |
|---|---|---|
| s1 | 4 px | Dentro de una etiqueta. |
| s2 | 8 px | Entre elementos de un grupo. |
| s3 | 16 px | Entre párrafos. |
| s4 | 24 px | Padding de tarjetas. |
| s5 | 40 px | Entre bloques. |
| s6 | 64 px | Entre subsecciones. |
| s7 | 104 px | Entre secciones. |
Radios y bordes
| Elemento | Radio |
|---|---|
| Todo | 0 px |
| Excepción única | Avatar de persona · 50 % |
Radio cero es decisión de marca. Bordes de 1 px en línea; 1 px en sumi cuando el elemento está activo. Sombras: ninguna.
El corte a 15°
Único recurso diagonal permitido. Uno por pieza, de borde a borde, nunca como marco ni viñeta.
Veinte mosaicos teselables, todos geométricos y construidos sobre el módulo de 8 px. Ninguno usa pincel, acuarela ni textura orgánica: el sistema es vectorial y reproducible a cualquier escala.
Construcción
| Regla | Valor |
|---|---|
| Caja del mosaico | Múltiplo de 8 px: 12, 16, 24, 32, 40, 48, 64, 80 y 96. |
| Grosor de línea | 0.5 · 0.6 · 0.7 · 1 · 1.2 · 1.4 · 2 · 2.5 · 3 px. |
| Ángulos | 0°, 15° y 45°. Ningún otro. |
| Color | Uno solo, heredado del contenedor. |
Escala y opacidad
| Escala | Uso | Opacidad |
|---|---|---|
| XS ×0.5 | Fondo bajo texto | 12–20 % |
| S ×1 | Tarjetas y cantos | 18–25 % |
| M ×2 | Bandas y medias páginas | 22–30 % |
| L ×4 | Portadas y gran formato | 25–35 % |
Un patrón por pieza. Única combinación autorizada: retícula de fondo + filete hamon como remate.
Los veinte elementos de construcción con los que se arma cualquier pieza. No son adornos: cada uno resuelve una función concreta de estructura, jerarquía o señalización.
Iconografía
e ilustración
Monolineales sobre caja de 24, trazo de 1.5 px, grosor constante, terminaciones y uniones redondeadas, sin relleno y sin gradiente dentro del icono. Dos colores y ningún otro: blanco sobre superficie oscura, Katana profundo #0091D5 sobre superficie clara. El azul vivo queda reservado al estado activo — pasa el cursor para verlo. Cubren el vocabulario completo del servicio, incluida la capa de IA y agentes. Haz clic en cualquiera para descargarlo.
Especificación
| Caja | 24 × 24 · área viva 20 |
| Trazo | 1.75 px constante |
| Terminación | round |
| Unión | round |
| Relleno | none |
| Color | currentColor |
| Tamaño mínimo | 16 px · 6 mm impreso |
Reglas de uso
- Un icono acompaña, nunca sustituye a la etiqueta de texto.
- Mismo grosor en todo el set, sin excepción: la consistencia óptica es lo que lo hace sistema.
- Para destacar uno se cambia su color a Katana, nunca se engrosa ni se reescala.
- Sin iconos rellenos, con sombra, en dos colores o de librerías externas.
- Si falta un icono, se dibuja con esta especificación. No se mezcla con Font Awesome, Material ni emojis.
- El set se usa completo o no se usa.
Fotografía y
tratamiento de imágenes
La marca tiene tres registros fotográficos, y conviene no mezclarlos en una misma pieza.
Registro A · Documental
Equipos trabajando, pantallas con datos, sesiones reales. Desaturado, luz lateral, sin pose.
Dónde: propuestas, casos, perfil de equipo, cualquier pieza que afirme algo sobre un cliente. Es el registro de la prueba: su trabajo es que le creas.
Registro B · Atmósfera
Ciudad en hora azul desde altura, estelas largas de tráfico, malla de red sobre el globo, horizonte con ámbar. Tratada con la rampa Cielo.
Dónde: portadas, banners, redes, fondos de sección. Es el registro de la escala: su trabajo es situar a la marca en un sistema grande y en movimiento.
Registro C · Duotono compuesto
Ejecutivos recortados sobre blanco de alta clave, ciudad en doble exposición y barras verticales cian. Duotono frío, nadie mira a cámara, nadie interactúa.
Dónde: portadas de servicio, anuncios y cabeceras que necesitan medio encuadre limpio para el titular. Es el registro de la autoridad: su trabajo es que la marca se lea cara.
Cinco variantes de reparto — una mujer, un hombre, el equipo, el dúo y de espaldas — en la biblioteca de abajo. El lado blanco cambia de lugar entre ellas, pero nunca desaparece.
Diecisiete imágenes que fijan el estilo de los tres registros. No son ilustración: son la vara de medir. Antes de aprobar una fotografía nueva, póngala junto a la de su registro en esta página; si desentona en temperatura, saturación o encuadre, la que está mal es la nueva. Cada una se descarga en JPG y en PNG.
01 · Sujeto principal
Equipos comerciales trabajando, pantallas con datos, sesiones de trabajo.
02 · Sujeto prohibido
Apretones de manos, cohetes, engranes, cerebros digitales, escaleras al éxito.
03 · Tratamiento
Documental: desaturado al 85 %, contraste medio-alto. Atmósfera: virado a la rampa Cielo, saturación plena en el azul y el ámbar solo en el horizonte.
04 · Luz
Natural y lateral. Nunca flash directo ni luz de estudio plana.
05 · Encuadre
Generoso, con aire. 45–60 % de espacio libre, igual que el resto del sistema.
06 · Mirada
Candid. Nadie mira a cámara, nadie sonríe a cámara.
07 · Formato web
3:2 horizontal para bloques de contenido.
08 · Formato redes
4:5 vertical para feed, 1:1 para cuadrícula.
09 · Formato presentación
16:9 a sangre completa.
10 · Recorte
Nunca circular, salvo avatar de persona.
11 · Resolución mínima
2400 px en el lado largo para impresión.
12 · Overlay obligatorio
Siempre que haya texto encima. Ver sección 13.
13 · Color permitido
Solo el acento Katana sobre la foto, nunca dos colores.
14 · Textura
Ninguna superpuesta. La foto no lleva patrón encima.
15 · Retrato de equipo
Media figura, fondo de trabajo real, sin fondo blanco de estudio.
16 · Producto
No aplica: la marca no vende objetos. Se fotografía el trabajo.
17 · Captura de pantalla
Interfaz real del cliente, con datos anonimizados por escrito.
18 · Derechos
Cesión firmada para personas identificables y para toda ilustración.
19 · Banco de imágenes
Permitido solo si cumple tratamiento, encuadre y ausencia de cliché.
20 · Prohibido
Imagen generada con IA sin revisión, con marca de agua o sin licencia verificable.
Nota de derechos
Toda persona identificable requiere cesión firmada. Toda captura de pantalla requiere autorización escrita del cliente y anonimización de datos.
Ninguna imagen generada con IA se publica sin revisión y sin verificación de licencia. Las piezas con marca de agua visible están prohibidas en cualquier soporte.
Tratamiento en una línea
Blanco y negro o desaturado al 85 %, contraste medio-alto, luz natural lateral, encuadre con aire y overlay obligatorio cuando haya texto.
Si una foto necesita más de un ajuste para entrar en el sistema, no es la foto correcta.
Veinte veladuras para colocar texto sobre fotografía. Se aplican siempre, incluso cuando la imagen parece suficientemente oscura: el overlay garantiza que el contraste no dependa de la foto que toque ese día.
Cada ficha muestra el overlay sobre una superficie de referencia con el mismo rango tonal que una fotografía de marca. Haz clic para copiar el CSS.
Cómo elegirlo
| Situación | Overlay |
|---|---|
| Titular al pie | Velo inferior 88. |
| Navegación encima | Velo superior. |
| Texto a un lado | Velo izquierdo o derecho. |
| Sujeto centrado | Viñeta central. |
| Fotos de orígenes distintos | Tinte aizome 60 para unificarlas. |
| Foto que entra al fondo | Desvanecido a washi o a sumi. |
Reglas
- Uno por imagen. Nunca dos superpuestos.
- Contraste mínimo del texto sobre el resultado: 4.5:1, verificado, no estimado.
- El acento Katana sobre foto cubre como máximo un tercio del ancho.
- La retícula y los nodos sobre foto van al 22 % y solo en contexto técnico.
- Prohibido: desenfoque de fondo, halos, brillos y sombras de color.
Dieciséis prompts organizados por los dos registros del capítulo, más una familia abstracta y dos fondos. Parten del lenguaje que la marca ya usa en redes — ciudad corporativa internacional en hora azul, ejecutivos de alto nivel, red global, estelas de luz, duotono azul sobre blanco — y lo dejan reproducible.
Cada prompt está escrito para pegarse completo y sin editar en ChatGPT, Midjourney o cualquier generador de imagen. Lleva tres bloques siempre en el mismo orden: la escena, la dirección de marca — que es idéntica en todos, y es lo que hace que las piezas se parezcan entre sí — y la lista de lo que hay que evitar.
El inglés no es capricho: los modelos de imagen responden con bastante más precisión a descripciones técnicas en inglés. La lista de exclusiones va en español porque es para quien produce, no para el modelo; si tu herramienta acepta parámetro negativo, pásala también traducida.
La regla que no se negocia
Ningún generador dibuja el logotipo. Todos los prompts de maqueta piden explícitamente dejar la superficie limpia, y el logotipo se compone después con el SVG real.
Un logotipo «casi igual» generado por IA es el error más caro que puede cometer una marca: se replica, nadie lo audita, y termina impriméndose.
Después de generar
- Revisa que no haya texto inventado en la imagen.
- Compón el logotipo vectorial encima, respetando el aire mínimo.
- Corre la auditoría de siete preguntas del capítulo 19.
- Guarda el prompt usado junto al archivo final.
01 · Atmósfera · ciudad en hora azul
Aerial view of a dense modern financial district at blue hour from 200 metres elevation, long-exposure light trails flowing along an elevated highway interchange, glass towers with warm interior lights, distant mountain range on the horizon catching the last amber of sunrise, a glass skyscraper facade framing the right edge of the frame. Vast negative sky space in the upper left for a logo. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 21:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
02 · Atmósfera · red global
A translucent wireframe globe rendered in thin cyan lines, suspended over a blue-hour city skyline, with glowing connection nodes and arcing data paths linking continents. The globe occupies the right third of the frame; the left two thirds are open sky gradient from pale blue to deep navy. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 21:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
03 · Atmósfera · amanecer sobre la ciudad
Wide panoramic cityscape at sunrise seen from a high vantage point, the sun just clearing a distant mountain ridge, pale blue sky washing to soft amber at the horizon, mist settled between the buildings, thin cyan light paths tracing the avenues below. Calm, expansive, no people. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 21:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
04 · Atmósfera · fachada de cristal
Looking straight up a modern glass office tower from street level, the facade reflecting a gradient of cool blue sky, sharp geometric repetition of mullions and panels, a single warm reflection catching one band of windows. Strong vertical lines, minimal, architectural. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 4:5. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
05 · Atmósfera · flujo de datos
An abstract ribbon of light flowing diagonally across a deep ink black field, built from dozens of thin parallel cyan lines of varying brightness, like a long-exposure data stream. Soft falloff into darkness at both ends. No objects, no text, purely abstract. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
06 · Documental · dirección comercial
A composed portrait of a Latin American woman in her forties in a dark tailored blazer, standing in a modern glass-walled office, looking slightly off camera with a calm analytical expression, arms relaxed. Natural window light from the side, blue-hour city visible softly out of focus behind her. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 4:5. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
07 · Documental · sesión de trabajo
Four business professionals around a dark conference table in a modern meeting room, genuinely engaged with a dashboard projected on a large screen showing clean line charts in cyan. Natural candid posture, nobody looking at camera, no forced smiles. Cool ambient light, screens as the key light source. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
08 · Documental · tablero en pantalla
Close-up over-the-shoulder shot of a widescreen monitor displaying a clean analytics dashboard with line charts, funnel stages and KPI tiles rendered in cyan and white on a near-black interface. A blurred hand resting on a trackpad in the foreground. Dark office, screen-lit. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
09 · Documental · ejecutivo en tránsito
A business executive in a dark suit walking through a modern airport terminal corridor with floor to ceiling glass, motion blur on the background, the subject sharp, early morning light raking across the floor. Shot from behind at a three-quarter angle. International, composed, no luggage clichés. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 4:5. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
10 · Duotono · equipo sobre blanco
A high-key composite of four business professionals in dark attire standing at different depths against a pure white background, treated in a cool blue duotone, each subject engaged with a device, faint city skyline and thin cyan data-bar graphics ghosted between them. Wide clear area on the right for text. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
11 · Duotono · retrato recortado
A studio portrait of a business professional cut out against pure white, treated in a cool blue duotone with #0EA5D8 highlights, slight double-exposure of a city grid across the shoulder. Clean edges, editorial magazine treatment. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 4:5. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
12 · Abstracto · órbita
A minimal abstract composition on deep ink black: one perfect thin cyan circle at the centre and two elliptical orbital rings crossing it at opposing angles, with small glowing nodes on their paths. Precise, geometric, generous negative space, no text. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 1:1. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
13 · Abstracto · malla de nodos
An abstract network of glowing cyan nodes connected by thin lines, arranged in three vertical layers like a neural network, floating in deep ink black space with soft depth of field on the furthest nodes. Technical and calm, no brain imagery, no circuitry. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
14 · Abstracto · acero plegado
An extreme macro of layered folded steel, the laminated grain of a blade visible as parallel wave-like bands, lit so that each layer catches a cool highlight. Deep shadows, no blade recognisable as a weapon, pure material study. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
15 · Fondo · portada de propuesta
A deep ink black field with a very subtle radial glow in the upper right, a single thin diagonal cyan light ribbon crossing the lower third, and a faint grid of nodes barely visible in the darkness. Designed as a background: the centre-left must stay clean and empty for a title. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 16:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
16 · Fondo · separador de sección
A horizontal band of deep blue-hour sky fading from near-black at the left to a soft amber horizon at the far right, with a silhouetted city skyline across the bottom eighth of the frame. Extremely simple, almost abstract, designed to sit behind a single line of text. Editorial corporate photography, cinematic, photorealistic, 8k, shot on a full-frame camera with a 35mm lens at f/2.0, natural light. Colour grade: cool blue duotone built on #05080D, #0A2B46, #3A749B and #AEC6DC, with cyan #0EA5D8 accents and a single warm amber #F7E1C8 note allowed only on the horizon or a window reflection. Clean, composed, understated. High-value international B2B consultancy, not startup, not stock-photo cheerful. Aspect ratio 21:9. Evitar: apretón de manos, personas señalando una gráfica, pulgares arriba, risas exageradas, cohetes, engranes, cerebros digitales, bombillas, escaleras al éxito, texto generado, logotipos ajenos, HDR, saturación alta, lente ojo de pez, tonos cálidos dominantes, watermark.
Motion,
animación y sonido
Veinte parámetros, cada uno en movimiento para que se vea la diferencia. Las cuatro primeras filas definen lo permitido; las marcadas en rojo están prohibidas y se muestran para que se reconozcan.
Duraciones · compara la velocidad4Las tres primeras corren en bucle al mismo tiempo: la diferencia entre 150, 280 y 520 ms se ve, no se explica.
El punto blanco recorre la curva. Cuanto más vertical arranca el trazo, más rápido sale el elemento.
Salida rápida, frenado limpio
Elementos que aparecen
Elementos que desaparecen
Solo barras de progreso
Estos seis comportamientos están vetados. Se muestran funcionando para que cualquiera los reconozca en una pieza ajena y los rechace.
Cómo leer esta sección
Una animación de marca se define con tres datos: qué propiedad cambia, cuánto dura y con qué curva. Nada más.
Ejemplo completo: opacity + transform: translateY(12px), durante 280 ms, con cubic-bezier(.2,.7,.2,1). Eso es la aparición de bloque, y es el 80 % del motion del sistema.
Regla de oro
Si el usuario nota la animación antes que el contenido, la animación sobra. El movimiento confirma que algo pasó; no es el evento.
Solo se anima lo que cambia de estado. Los tableros, las tablas y los documentos no se animan nunca.
Veinte respuestas del sistema a una acción del usuario, funcionando de verdad en esta página: pasa el cursor, tabula, pulsa. Todas confirman, no celebran.
150 ms
0 ms
80 ms
—
150 ms
150 ms
150 ms
150 ms
150 ms
150 ms
150 ms
150 ms
150 ms
Etapas del pipeline
280 ms
150 ms
—
1200 ms
1400 ms
280 ms
150 ms
Principio
El movimiento es corto, en un solo eje y nunca sustituye a una etiqueta. Si el usuario nota la interacción antes que el contenido, la interacción sobra.
Accesibilidad
Las veinte respetan prefers-reduced-motion: con la preferencia activa el estado cambia sin transición. El foco de teclado es visible siempre, con outline de 2 px en Katana y offset de 3 px.
Veinte animaciones en ejecución real. Todas comparten curva, duración y desplazamiento máximo del sistema de motion. Lo que no está aquí, no se anima.
Interfaz digital
y componentes UI
Los veinte componentes del sistema, renderizados con la cromática real: superficies profundas, filetes de gradiente y el acento Katana reservado al estado activo. Esquina viva, borde de 1 px, sin sombras.
Fondo papel, borde 1 px
Una por página
Cierres y afirmaciones
Interfaces y tableros
| Etapa | Criterio |
|---|---|
| Propuesta | Acuse recibido |
| Cierre | Contrato firmado |
Superficie
Fondo profundo con gradiente sutil. El contenedor nunca es plano del todo: la profundidad la da el color, no la sombra.
Borde
1 px al 13 % de luminosidad. En estado activo sube al acento Katana y añade una barra inferior de 2 px.
Acento
El gradiente Katana marca lo activo, lo seleccionado y lo que pide acción. Nunca decora un contenedor entero salvo en tarjeta de sistema.
Veinte estados y variantes, todos de radio completo — 999 px, pastilla — porque la geometría recta ya la cargan la retícula y las tarjetas: el botón es lo único redondo del sistema y por eso se reconoce como lo único que se toca. Una sola acción primaria por pantalla; si hay dos, una baja a secundaria. El primario lleva el gradiente Katana y un halo cian suave; al pasar el cursor sube 2 px y un destello lo recorre. El hamon nunca es un botón: es señal, no acción.
Especificación
| Tipografía | Inter Medium 10.5 px |
| Tracking | 0.09em · MAYÚSCULAS |
| Padding | 9 px 14 px · grande 13/22 · compacto 6/10 |
| Radio | 999 px |
| Hover | Inversión de fondo · 150 ms |
| Foco | Outline 2 px Katana, offset 2 px |
| Altura mínima táctil | 44 px de área activa |
Reglas de escritura
- Verbo en imperativo + entregable concreto. «Agenda un diagnóstico», no «Enviar».
- El botón mantiene su nombre en todo el flujo.
- Máximo cuatro palabras.
- Sin exclamaciones ni urgencia inventada.
Así sí
Agendar 30 minutos
Así no
¡Quiero transformar mi empresa!
Identidad en
canales digitales
La marca no tiene isotipo, así que el avatar es siempre el bloque completo. Estas son las cinco construcciones autorizadas y sus medidas por plataforma.
| Plataforma | Lienzo | Construcción |
|---|---|---|
| LinkedIn · empresa | 400 × 400 | Bloque al 62 % del ancho, centrado, sobre washi. |
| LinkedIn · personal | 400 × 400 | Fotografía de la persona. El logotipo no sustituye a un retrato. |
| 320 × 320 | Bloque al 58 %. El recorte circular exige reserva de 1.5x. | |
| X | 400 × 400 | Igual que Instagram. Verificar el recorte circular. |
| WhatsApp Business | 640 × 640 | Bloque al 55 %, sobre aizome para destacar en la lista. |
| Favicon | 512 · 192 · 32 | A 32 px se retira el ®. Se genera desde el SVG maestro. |
| Icono de app | 1024 × 1024 | Bloque al 52 % sobre aizome, sin esquinas redondeadas propias. |
| Firma de correo | 120 px de ancho | Bloque alineado a la izquierda, sobre fondo transparente. |
Presentaciones
y publicaciones
Veinte superficies completas para diapositiva y documento, construidas apilando superficie, patrón, gradiente y motivo según el sistema de capas. Todas en 16:9.
Regla de alternancia
En un documento, los fondos oscuros marcan principio y fin: portada sumi → interiores washi → cierre sumi. Nunca dos páginas oscuras seguidas en medio del documento.
Una presentación de 20 diapositivas usa como máximo cuatro fondos distintos: uno de portada, uno de interior, uno de dato y uno de cierre.
Reglas
- El patrón nunca supera el 35 % de opacidad sobre el fondo.
- El anillo de cierre va al 12–18 % y sale del encuadre.
- El corte a 15° ocupa como máximo un tercio del alto.
- La franja lateral mide 96 px sobre 1920, es decir 1/20 del ancho.
- Ningún fondo lleva dos motivos a la vez.
Las mismas veinte superficies de la sección 11, asignadas a un tipo de diapositiva concreto. Una presentación usa como máximo cuatro de ellas.
Estructura de una presentación
- Portada — fondo 09 sumi pleno, logotipo arriba a la izquierda, título en display.
- Interiores — fondo 01 washi limpio. Uno solo para todo el cuerpo.
- Dato — fondo 13 sumi con corte, una sola cifra por diapositiva.
- Cierre — fondo 12 sumi con anillo, frase de cierre y un único CTA.
Especificación
| Lienzo | 1920 × 1080 · 16:9 |
| Margen | 56 px |
| Columnas | 12 · canal 20 px |
| Logotipo | 128 px de ancho |
| Numeración | Inter Medium 10 px, abajo derecha |
| Exportación | PDF. Nunca el editable |
Aplicaciones corporativas
y comerciales
Cómo aterriza el sistema en las piezas que la marca usa todas las semanas.
Papelería| Pieza | Especificación |
|---|---|
| Tarjeta | 85 × 55 mm. Anverso: logotipo sumi sobre washi, superior izquierda, reserva 1x. Datos en Inter 7 pt, cargo en piedra. Reverso: sumi sólido con logotipo en negativo, reserva 2x. Papel 350 g sin brillo. |
| Hoja membretada | A4. Logotipo 30 mm arriba a la izquierda. Datos fiscales al pie en 7 pt piedra. Filete hamon a 12 mm del borde inferior. Márgenes 18 mm. |
| Sobre | DL. Logotipo 25 mm en solapa trasera. Frente limpio con remitente en 7 pt. |
| Carpeta | Exterior washi con logotipo centrado a 60 mm. Solapa interior en sumi con patrón hada al 20 %. |
| Firma de correo | Logotipo 120 px · nombre en SemiBold · cargo en piedra · filete de 1 px separa datos de enlaces. Sin frases motivacionales ni avisos de diez líneas. |
| Gafete | Vertical 86 × 54 mm. Logotipo arriba, nombre en display 16 pt, cargo en Medium. Cordón negro liso. |
| Merchandising | Solo objetos de trabajo: libreta, taza, bolsa de tela, stickers. Siempre monocromo. Ningún objeto con forma de espada o abanico. |
| Pieza | Medida | Especificación |
|---|---|---|
| LinkedIn · banner | 1584 × 396 | Fondo sumi, logotipo en negativo a la izquierda, categoría a la derecha. Sin collage de mockups. |
| Post cuadrado | 1080 × 1080 | Una idea. Titular en display, máximo 9 palabras. |
| Carrusel | 1080 × 1350 | Portada sumi, interiores washi, cierre sumi con CTA. Máximo 8 láminas. |
| Historia | 1080 × 1920 | Zona segura de 250 px arriba y abajo. |
| Miniatura de video | 1280 × 720 | Fondo sumi, titular a la izquierda, motivo a la derecha. |
| Open Graph | 1200 × 630 | Sumi con logotipo en negativo y título de la página. |
- Hero — promesa + CTA «Agenda un diagnóstico».
- Problemas — seis señales de fricción en lenguaje del cliente.
- Servicios — los tres, en el mismo orden siempre.
- Método FILO — Foco → Integración → Lógica → Optimización.
- Plataformas — en monocromo y sin jerarquía entre ellas.
- Prueba — un caso o una cita real, nunca inventada.
- Cierre — frase de cierre sobre aizome + CTA único.
Orden obligatorio
- Situación actual — lo observado, sin interpretación.
- Problemas detectados — con evidencia y consecuencia medible.
- Sistema recomendado — el diseño, antes de nombrar plataforma.
- Alcance — qué incluye y, explícitamente, qué no.
- Plan y tiempos — fases con fechas y responsables de ambos lados.
- Inversión — cifra clara, sin desglose de horas.
- Siguiente paso — una sola acción con fecha.
Kit de entrega del proyecto
- Mapa del proceso comercial diseñado.
- Diccionario de etapas y criterios de avance.
- Diccionario de campos y responsables del dato.
- Guía rápida de uso para el equipo.
- Tablero de adopción con la medición del primer mes.
- Etapas nombradas por estado, no por tarea. «Propuesta en revisión», no «Propuesta enviada».
- Máximo 6 etapas en la primera implementación, cada una con criterio de avance escrito.
- Campos: minúsculas, sin abreviaturas inventadas, sin acentos en nombres técnicos.
- Ningún campo obligatorio sin uso demostrado en un reporte.
- Un responsable por dato.
- Tableros: un objetivo, máximo seis indicadores, escala de grises con un único acento.
Criterio de calidad
Una implementación de Katana Breis se reconoce porque un vendedor nuevo entiende el pipeline en su primer día, sin que nadie se lo explique. Si necesita explicación, el diseño no está terminado.
- ¿La pieza comunica un problema, principio o resultado comercial concreto?
- ¿El concepto samurái aporta significado y evita agresividad o exotismo?
- ¿El logotipo se mantiene intacto, legible y con reserva de 1x?
- ¿La paleta se limita a la sección 07 y los acentos no superan el 24 %?
- ¿La composición conserva entre 45 % y 60 % de espacio negativo?
- ¿Hay un solo patrón, un solo gradiente y un solo motivo?
- ¿El lenguaje es claro, sereno, preciso y orientado a una acción?
- ¿La palabra «filo» quedó fuera de todo menos del manifiesto?
- ¿Toda cifra citada tiene fuente verificable?
- ¿Las imágenes tienen licencia o cesión por escrito?
- ¿Los titulares van en Outfit, el texto en Inter, y el logotipo no fue reconstruido con ninguna de las dos?
- ¿La pieza podría reconocerse como Katana Breis aun sin leer el nombre?
IA generativa y
biblioteca de prompts
Ocho instrucciones para producir piezas nuevas sin salirse del sistema. Todo lo generado se revisa con el control de identidad antes de publicar. Los prompts de imagen viven junto a sus reglas: las veinte maquetas de producto en el capítulo 06 y los dieciséis de fotografía en el 11.
01 · Sistema · asistente de marca
Eres el asistente de marca de Katana Breis, consultora de Sistemas Comerciales de Precisión. Escribes siempre en español de México. Voz: clara, serena, directa, analítica y confiable. El cliente es el sujeto de la frase principal; la marca es la guía, no el héroe. Usas el léxico oficial: precisión, sistema, foco, estructura, visibilidad, lógica, integración, digitalización, trazabilidad, disciplina, adopción, optimización. Nunca usas: filo (fuera del manifiesto), conquistar, atacar, vencer, arma secreta, revolución digital, solución 360, partner estratégico, ecosistema. Nunca prometes resultados absolutos ni citas cifras sin fuente. Una idea por párrafo, frases cortas. Como máximo una referencia samurái por pieza. Cierras siempre con un siguiente paso concreto.
02 · Redacción · publicación de LinkedIn
Escribe una publicación de LinkedIn para Katana Breis dirigida a directores comerciales de empresas B2B con equipos de 3 a 20 vendedores. Estructura obligatoria: (1) nombra la fricción observable, (2) explica por qué ocurre y qué impacto produce, (3) muestra el principio que lo resuelve, (4) invita a una acción clara. Tono afirmativo, concreto y sereno. Máximo 150 palabras. Prohibido: signos de exclamación, emojis, «solución integral», «transformación digital 360», «revolucionar» y la palabra «filo». Cierra con verbo imperativo más entregable concreto.
03 · Imagen · fotografía de marca
Documentary-style photograph of a small B2B sales team in a working session around a table with laptops and printed process diagrams. Black and white, medium-high contrast, natural side lighting from a window, shallow depth of field. Candid: nobody looking at the camera, nobody smiling at the camera, no handshakes. Wide framing with generous empty space, at least 45% of the frame free. Modern but unglamorous office. 3:2 ratio. No stock-photo clichés, no rockets, no gears, no glowing screens.
04 · Imagen · superficie abstracta
Abstract geometric background: precise vector grid of thin lines on a warm off-white surface (#F7F4EE), with a few small filled squares and circular nodes at intersections, one of them in deep indigo blue (#316783). Perfectly straight lines, constant stroke weight, no texture, no brush, no watercolor, no grain, no gradient noise. Extreme minimalism, generous empty space. Flat vector look. 16:9.
05 · Imagen · anillo geométrico
A single geometric ring: perfect circle, constant stroke weight, one small opening at the upper right, pure black (#05080D) on warm off-white (#F7F4EE). No brush texture, no watercolor, no ink bleed, no irregularity — a clean vector ring, not a painted enso. Centered, with wide margins. Flat, high resolution.
06 · Interfaz · tablero de CRM
Design a CRM dashboard screen. Background deep teal (#15252E). Cards with 1px borders, zero corner radius, no shadows. Typography: Outfit for labels and numbers, Inter for body text, Medium in small uppercase with wide letter-spacing, Black for the numbers with tabular figures. Charts in grayscale with a single indigo (#316783) accent on the one series that answers the question. Maximum six indicators. Generous empty space. No neon, no glassmorphism, no rounded corners, no drop shadows.
07 · Revisión · control de identidad
Revisa esta pieza contra el manual de identidad de Katana Breis y devuelve una lista de incumplimientos, uno por línea, sin sugerencias de mejora estética. Verifica: paleta limitada a sumi, washi, hamon, aizome, piedra y Katana al 8 % máximo; tipografías Outfit e Inter; radio de esquina cero; ausencia de sombras; espacio negativo entre 45 % y 60 %; un solo patrón, un solo gradiente y un solo motivo; la palabra «filo» ausente salvo en el manifiesto; cifras con fuente; CTA con verbo imperativo y entregable concreto.
08 · Negativo · lo que nunca debe generar
Al generar cualquier pieza para Katana Breis, nunca incluyas: acuarela, pincel seco, tinta derramada, salpicaduras, textura de papel arrugado, degradados de ruido, neón, cian eléctrico, glassmorphism, esquinas redondeadas en contenedores, sombras proyectadas, flores de cerezo, torii, linternas, geishas, ninjas, escenas de combate, sangre, kanji decorativo sin verificar, apretones de manos, cohetes, engranes, cerebros digitales ni gráficas ascendentes genéricas.
Accesibilidad, inclusión
y producción
Las condiciones que toda pieza cumple antes de publicarse, con el número al lado para que no se discutan.
La accesibilidad no es un capítulo aparte del diseño: es una condición que cada pieza cumple o no cumple. Estos son los controles verificables, con el número al lado para que nadie los discuta.
Contraste
Texto de cuerpo 4.5:1 mínimo; titulares de 24 px o más, 3:1. La tabla del capítulo 07 trae cada combinación verificada.
Tamaño
Cuerpo nunca por debajo de 14 px en pantalla ni de 9 pt en impreso. Las etiquetas de 10.5 px van en SemiBold, nunca en Medium.
Movimiento
Todo lo que se mueve respeta prefers-reduced-motion. Nada parpadea más de tres veces por segundo.
| Control | Criterio de aceptación |
|---|---|
| Color solo no basta | Ningún estado se comunica únicamente por color. Error lleva texto o icono además del tono. |
| Foco visible | Todo elemento interactivo muestra un anillo de 2 px en acento, con separación de 2 px. |
| Navegación por teclado | Tabulador recorre en orden de lectura. Nada queda atrapado. |
| Área táctil | Mínimo 44 × 44 px en cualquier control, aunque el gráfico sea menor. |
| Texto alternativo | Toda imagen con contenido lleva alt descriptivo; la decorativa va con alt vacío. |
| Jerarquía semántica | Un solo h1 por página; los niveles no se saltan para lograr un tamaño. |
| Texto sobre imagen | Siempre con overlay que garantice el contraste; nunca texto directo sobre foto sin tratar. |
| Acento sobre claro | Katana nunca es color de texto; sobre claro se usa Katana profundo y desde 24 px. |
| Impresión | El documento imprime en piel clara aunque se navegue en oscura, con los demos legibles. |
| Idioma | El documento declara lang="es"; los términos en japonés llevan su lectura la primera vez. |
Normatividad y
gobernanza
Quién decide, qué se audita y cómo se registra una excepción sin que el sistema se desarme.
Un manual sin gobierno se vuelve sugerencia. Esto define quién decide, qué se audita y cómo se registra una excepción.
Roles| Rol | Facultad |
|---|---|
| Dirección general | Autoriza cambios al núcleo —logotipo, color, tipografía, categoría— y resuelve excepciones. Única firma que puede modificar este manual. |
| Responsable de marca | Mantiene el documento, revisa piezas antes de publicar y lleva la bitácora de excepciones. |
| Productor de pieza | Quien diseña o imprime. Aplica el manual y reporta lo que no está cubierto, en lugar de resolverlo por su cuenta. |
| Proveedor externo | Recibe el kit y firma de enterado. No puede derivar variantes del logotipo ni ampliar la paleta. |
Siete preguntas antes de publicar. Si alguna falla, la pieza no sale.
- ¿El logotipo está en versión correcta para su fondo y con el aire mínimo?
- ¿El acento aparece una sola vez?
- ¿El texto pasa el contraste mínimo de su tamaño?
- ¿La tipografía es Outfit para display e Inter para cuerpo, sin sustituciones?
- ¿La imagen está en un solo registro, documental o atmósfera?
- ¿Hay un ensō y uno solo, cerrado?
- ¿La pieza dice algo verificable, o solo afirma?
Sistema de excepciones
Una excepción se concede por pieza y por una vez. Se registra con tres datos: qué regla se rompe, por qué el medio lo exige y quién lo autorizó.
Si la misma excepción se pide tres veces, deja de ser excepción: es un vacío del manual y se corrige aquí.
Control de versiones
Cada versión lleva número, fecha y resumen de cambios. La versión vigente sustituye a todas las anteriores, y las anteriores se archivan en lugar de borrarse, para poder auditar una pieza vieja contra la regla que la gobernaba.
Kit de entregables
y handoff
Todo lo descargable del manual en un solo lugar. Los archivos se generan en tu navegador: no requieren conexión.
Logotipo
Sistema
Cromática y superficies
Gráficos
Nomenclatura de archivos
katana-breis_[elemento]_[variante]_[tamaño].[ext]
Sin espacios, sin mayúsculas, sin acentos, sin «final», «v2» ni «definitivo».
Niveles de aprobación
| Tipo de pieza | Aprueba |
|---|---|
| Publicación de redes | Autor + lista de control |
| Propuesta comercial | Dirección de marca |
| Pieza impresa con logotipo | Dirección de marca |
| Cambio en el sistema visual | Dirección + nueva versión del manual |
Historial
| Ver. | Cambio |
|---|---|
| 2026.4 | Retiro de «filo» del sistema verbal, eliminación del monograma y ensō geométrico. |
| 2026.5 | Reconstrucción completa en 20 capítulos. Trece bibliotecas de 20 elementos. Eliminación total de texturas de pincel y acuarela. |
| 2026.7 | Adopción de la guía de estilo: nuevo logotipo con la katana integrada, sistema de cinco construcciones con isotipo, paleta Aizome · Tsuyu · Hamon · Katana · Blanco, tipografías Outfit y Inter, arquitectura verbal Ordena · Conecta · Impulsa. |
| 2026.7.1 | Revisión de mantenimiento: ensō visibles sobre superficie clara, tokens heredados reparados y nomenclatura unificada en Katana. |
| 2026.8 | Explorada y descartada: paleta de dos matices con violeta eléctrico. Se conserva la de la 2026.7. |
| 2026.9 | Cambio del sistema tipográfico: Outfit sustituye a Space Grotesk en display e Inter sustituye a Montserrat en texto. Las dos familias pasan a ser de géneros distintos —geométrica y grotesca— para que la jerarquía se sostenga por familia y no solo por tamaño. Ajuste óptico documentado por la altura de x de Outfit. |
| 2026.10 – .13 | Accesibilidad y símbolos: ensō como círculo completo, la katana del logotipo como símbolo literal, versión animada de los seis símbolos Kidō, botones en píldora, acento #0EA5D8 con #00D4FF sobre oscuro, iconografía en azul y blanco. Retiro de las semánticas verde y roja. |
| 2026.14 – .17 | Doble piel Abismo / Claro con juegos de tokens independientes. Base Sumi #05080D en lugar de Aizome, saturación de neutros corregida de 6–26 % a 34–40 %, y eliminación de todos los velos semitransparentes que producían el gris de fondo. |
| 2026.18 | Rampa Cielo #DBE4ED · #AEC6DC · #6FA3CC · #3A749B · #094168 más Amanecer, para cerrar el hueco entre el acento y la base donde vive la fotografía de la marca. |
| 2026.19 | Biblioteca de prompts de imagen: veinte de maqueta de producto y dieciséis de fotografía, con la regla de que ningún generador dibuja el logotipo. |
| 2026.20 – .21 | Reestructura a veinte capítulos y las veinte aplicaciones de marca sustituidas por fotografía de producto. |
| 2026.22 – .23 | Biblioteca visual de referencia de diecisiete imágenes, Registro C · Duotono compuesto declarado como tercer registro fotográfico con sus cinco variantes de reparto, y descarga en PNG de las treinta y siete fotografías del manual. |
La versión pública del manual es 2026; los decimales son números de compilación internos. Abierto: origen del nombre BREIS y archivos maestros desde el original de diseño.
Tecnología que ejecuta.
Sistemas Comerciales de Precisión
© 2026 Katana Breis SAS de CV · Manual de identidad, versión 2026