Tramarca.

El brief que nos hicimos a nosotros mismos

Marzo de 2026. Después de tres años produciendo manuales para otros, asumimos que el sitio web público no podía sostenerse sin que aplicásemos el mismo estándar a nuestra propia marca. El brief lo firmé yo conmigo mismo en un café de Malasaña: si no podemos publicar un manual Tramarca defendible, no tenemos autoridad moral para vender manuales a nadie.

Las restricciones eran tres: (1) el manual debía ser tier Premium completo (40-50 páginas) para demostrar en hechos lo que vendemos como descripción. (2)Ningún elemento podía ser placeholder — cada componente, ratio, valor hex y aplicación debía ser producción real. (3)El manual entero debía hacerse con la misma metodología y plazo que aplicamos a clientes Premium: diez días laborables, documentado capítulo a capítulo.

Las decisiones tipográficas

El sistema tipográfico final son dos familias: Satoshipara títulos y cuerpo extenso, IBM Plex Monopara metadatos, captions, datos técnicos y signaling editorial. Ninguna serif. La decisión vino de cuatro meses de prueba con Fraunces y Inter — terminamos descartando ambas por motivos operativos.

Satoshi tiene una construcción geométrica que mantiene legibilidad a 14pt en cuerpo y se vuelve declarativaa 96pt en masthead — la curva de la "a" minúscula y el contraste modulado entre trazos verticales y horizontales producen wordmarks que aguantan la composición editorial agresivaque define el manual. Black weight (900) para todos los despliegues mayores; Regular (400) para cuerpo continuado. La jerarquía tipográfica final tiene cinco niveles: H1 96pt, H2 48pt, H3 32pt, body 16pt, mono 11pt.

IBM Plex Mono cumple función específica: marca lo que es dato versus lo que es narrativa. Cada vez que el lector ve mono, sabe que está mirando un valor técnico (paginación, fecha, signature, data). Cuando ve Satoshi sabe que está en cuerpo editorial. Esta dualidad — narrativa en sans, dato en mono — es regla operativa documentada en el capítulo 03 del manual.

Paleta cromática · negro mate más Lacre como acento único

La paleta final tiene siete colores documentados con role asignado:

• Negro #0C0C0C · matte black para fondos principales y cuerpo. No usamos #000 puro — el #0C0C0C tiene warmth suficiente para que el cream papel #F4F0EB no produzca contraste vibratorio en pantalla.
• Carbón #1C1C1C · tonalidad ligeramente más clara para sub-fondos cuando hay capas dark sobre dark.
• Lacre#C4553A · el único acento. Aparece exclusivamente en el "punto final" (el período al final de cada wordmark significativo) y en separadores editoriales. Regla 60/30/10 invertida: 60% papel, 30% negro, 10% lacre.
• Papel #F4F0EB · cream con base cálida que contrasta con el lacre sin competir.
• Piedra #7A7672 · gris cálido para texto secundario.
• Ceniza #B5B1AC · gris medio para texto sobre fondos oscuros.
• Arena #E4E2DC · neutro claro para tiles sutiles y separadores.

La regla operativa codificada en el manual: el lacre nunca debe aparecer dos veces seguidas en la misma página. Si el período "." está en H1, el del cuerpo se omite. Esta regla aparece textualmente en la página 14 del manual y produce las composiciones disciplinadas que el lector encuentra consistentemente a lo largo de las 58 páginas.

Retícula · doce columnas, gutters proporcionales, baseline 4pt

El sistema editorial completo se asienta en una retícula de doce columnas con gutters de 24pt y márgenes de 48pt en páginas A4 horizontal (apaisado). El baseline grid funciona a 4pt — todos los elementos verticales se alinean a múltiplos de cuatro: leading body 16pt (4 × 4), leading H2 56pt (4 × 14), margin sections 64pt (4 × 16).

Esta disciplina de baseline es lo que produce la sensación rítmica que el lector percibe sin identificar la causa. Cada spread tiene composiciones diferentes pero todas respetan el mismo grid subyacente. El capítulo 04 del manual documenta el sistema con diagramas y reglas de excepción para casos donde un elemento — typically un wordmark grande — necesita salirse del grid intencionalmente.

El sistema de aplicación · catorce piezas documentadas

La parte más operativa del manual son los catorce capítulos de aplicación: papelería corporativa, presentaciones (Keynote, PowerPoint, Google Slides — sí, los tres), web component library, firma de email con regla anti-overflow, tarjetas de visita con bleed específico para imprenta nacional, social cards para Instagram cuadradas y stories verticales, signage para eventos, slide opener para cliente meetings.

Cada aplicación tiene tres elementos en su capítulo: (1) spec técnica (medidas, formato, color space CMYK o RGB), (2) ejemplo en producción real (no mockup), y (3) reglas de excepción — qué hacer cuando el cliente tiene template propio y solo podemos pegar nuestro logo. Esta tercera parte es la que más usamos en práctica.

La voz · declarativa, no consultiva

El capítulo verbal del manual codifica una decisión que tardamos meses en formular: la voz Tramarca es declarativa, no consultiva. No preguntamos "¿qué necesita tu marca?" — afirmamos "tu marca necesita un sistema documentado". No proponemos "podríamos explorar opciones" — declaramos "estos tres tiers cubren tu caso".

Esta voz tiene cuatro reglas operativas documentadas: (1) claro antes que sofisticado, (2) directo antes que diplomático, (3) concreto antes que aspiracional, (4) nombra-lo-exacto antes que generalizar. Cada palabra publicada en tramarca.es pasa por estas cuatro reglas antes de salir.

El tagline final — "el punto final" — encapsula las cuatro reglas en tres palabras y un período tipográfico coloreado en lacre. Es la única excepción a la regla anti-doble del lacre: en el tagline el punto siempre está y siempre en lacre. Es el único elemento de la marca con licencia para repetirse sin disciplina.

Diez días, sesenta y ocho horas de producción

El manual entero se produjo en 10 días laborables con 68 horas de trabajo total registradas. Las primeras 16 horas fueron brief y arquitectura editorial — qué capítulos, qué jerarquía, qué páginas mínimas. Las siguientes 32 horas fueron producción de cada capítulo en orden cronológico. Las últimas 20 horas fueron auditoría: revisión cruzada con cinco roles diferentes (creative director, art director, typography specialist, conversion copywriter, ui/ux designer) y siete rondas de iteración.

Las siete rondas no fueron correcciones cosméticas: cada una encontró al menos un fallo de criterio (un caption inconsistente, un spread con jerarquía distinta del resto, una aplicación con spec técnica incorrecta). El registro de las siete rondas está documentado internamente y produjo nueve aprendizajes operativos que ahora aplicamos a manuales de cliente.

Por qué este caso es relevante

Este caso de estudio tiene una característica única en el portfolio: es el único proyecto donde cliente y estudio son la misma entidad. Eso permite documentar todo — decisiones, hex codes exactos, ratios, sistema tipográfico completo — sin restricciones de confidencialidad. Funciona como referencia técnica y como prueba de método.

Si quieres ver el manual completo en PDF (58 páginas, 60MB, edición revisada), déjanos tu email y te llega al instante. Si prefieres ver en este browser otros casos del portfolio, vuelve al listado. Si te interesa nuestra metodología en abstracto sin caso específico, la anatomía de un manual documenta los 48 componentes.