Español, Elegir idioma
Menú
Español, Elegir idioma

Si tu título se ve perfecto en la compu, y en el celular una palabra queda sola en la última línea, no sos el único.

Dónde estás ahora

¿Y si el problema no es el título? El navegador, el programa con el que abrís sitios web, no sabe qué dice el título. Llena una línea hasta que se acaba el espacio, y corta ahí.

En cada ancho de pantalla eso cae en una palabra distinta, y por eso en la compu está bien y en el celular se desarma. La frase queda como dos mitades que no tienen nada que ver.

Los cortes a mano funcionan justo en el ancho donde probaste, y en cuanto alguien cambia una palabra se vuelven a romper. Con los tamaños a ojo, un día el sitio tiene 14 tamaños de letra y nadie sabe por qué.

Axel Jedlitschka

Quién te habla: Axel Jedlitschka

Todo arrancó con una planilla de ingresos y gastos que quería armarme en Excel. Después de varias versiones me pasé a Google Sheets, y de ahí fue creciendo cada vez más.

En el trabajo de agendar reuniones de venta por teléfono armaba dashboards muy lindos y eficientes, y de ahí pasé a armar sistemas y automatizaciones, procesos que corren solos, para dueños de negocios. Armé un sistema de análisis de pronóstico para un negocio, y le sirvió muchísimo al marketing y a las ventas de la empresa. Un dashboard que funciona es lindo y eficiente a la vez, y un título es igual. Puede verse perfecto, pero el navegador no sabe qué dice, y lo corta donde se acaba el espacio.

Axel Jedlitschka

Qué pedir

  • Seis tamaños, no catorce

    Saber que todos los tamaños de letra de la página salen de seis tamaños fijos, que nacen de una sola proporción y por eso combinan.

  • Sin saltos

    Tener tamaños que crecen de a poco desde un celular hasta una pantalla ancha, sin saltos de una pantalla a otra.

  • Cortes por significado

    Saber que cada título se corta donde se corta la frase, no donde se termina la pantalla.

  • Las mismas líneas en cualquier ancho

    Tener un título que ajusta su tamaño solo, para que las líneas queden como las planeaste en cualquier ancho.

  • Aunque alguien lo edite

    Saber que un título editado nunca muestra cortes viejos. Se muestra como texto común hasta que se actualiza su entrada.

Hay una forma

Un agente de IA es un programa, como Claude Code, Codex o Cursor, que hace trabajo por vos en la compu. El kit le da a tu agente un método en tres partes. La escala tipográfica decide qué tan grande puede ser cada título: seis tamaños de letra, cada uno más grande que el anterior según la proporción áurea, una sola proporción de la que salen todos los tamaños. El archivo de cortes decide dónde se corta cada título, en cada idioma. Y una fórmula achica el título justo lo necesario para que su línea más larga entre, así las líneas no se mueven.

  1. Buscar.El agente busca todos los tamaños de letra que usa hoy el sitio, y te muestra la lista.
  2. Reemplazar.Los reemplaza por los seis tamaños de la escala.
  3. Cortar.Arma las líneas de cada título según las reglas, y repasa cada línea sola. Corre un script, un programa chico que revisa los cortes, y corrige cada error. En cada advertencia te explica qué resolvió y por qué.
  4. Revisar.Revisa la página en un celular, una tablet, una compu y un celular acostado, y te cuenta lo que vio.

"Pan recién hecho antes del", y abajo "primer mate". Por significado, el mismo título se corta en "Pan recién hecho" y "antes del primer mate".

La forma, en un kit

Kit de títulos · un kit de Axel Jedlitschka

Tu agente corta cada título donde se corta la frase, no donde se termina la pantalla.

  • Un script que revisa que ninguna línea termine en artículo, preposición o conjunción
  • Una lista de 18 chequeos para antes de decir "listo"
  • Antes de copiar nada a tu compu, el instalador te muestra qué va a hacer y te pregunta antes de seguir
  • Un skill llamado golden-type, un archivo de instrucciones que carga tu agente, que le enseña todo el método
  • Un archivo CSS, el archivo de estilos de tu sitio, con los seis tamaños, el interlineado (el espacio entre una línea y la siguiente) y la fórmula de ajuste
  • Un script que vuelve a generar los tamaños, si querés otra escala
  • Un script que revisa el archivo de cortes: que las líneas vuelvan a formar el texto original, que una coma cierre la línea y que una cita no se parta
  • Un componente chico de React, para sitios hechos con React, y una versión sin React, que muestran el título según los cortes
  • Reglas y listas de palabras en español, inglés y hebreo, con ejemplos
  • Una lista de 18 chequeos, y una página de demo que podés abrir en el navegador
La primera página de la guía: Títulos que se leen bien

La comparación

Gratis

Kit de títulos

Dónde se corta el título
Donde se corta la frase
En otro ancho de pantalla
Las líneas se quedan quietas; el tamaño acompaña
Tamaños de letra en el sitio
Seis tamaños fijos, de una sola proporción

Cortes a mano, tamaños a ojo

Dónde se corta el título
Donde se acaba el espacio
En otro ancho de pantalla
Una línea corta y rara
Tamaños de letra en el sitio
14 tamaños, y nadie sabe por qué

La oferta

Un skill, una escala de seis tamaños, un script que revisa cortes, una lista de 18 chequeos, y una guía de 6 páginas

Precio: GratisSin tarjeta de crédito, y ninguna parte queda reservada para quien pague

Quiero el kit

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

Apenas dejás tus datos, se abre una página de agradecimiento con un botón para bajar el kit. El idioma de la guía lo elegís en el formulario: hebreo, inglés o español.

De Axel Jedlitschka

Qué recibís

Garantizado

  • El kit completo, gratis, apenas dejás tus datos.
  • Ninguna parte queda reservada para quien pague.
  • Tus datos no se venden, y no se pasan a nadie, salvo a los proveedores de infraestructura que hacen funcionar el sitio.
  • ¿Una pregunta sobre el kit? Mandá un mensaje por Instagram, @theonlyaxelj.

No garantizado

  • Un resultado. El kit le enseña un método a tu agente, y el resultado depende de cómo lo apliques y de tu sitio. Es conocimiento general, no asesoramiento personal.
  • Que un título editado conserve sus cortes. Se muestra como texto común, porque la frase nueva ya no coincide con su entrada, hasta que actualizás esa entrada.

No hay compra ni pago, así que no hay nada que cancelar. Podés retirar tu consentimiento para recibir mensajes promocionales cuando quieras.

¿Preguntas?

¿Cómo recibo el kit?

Dejás tus datos, y al instante se abre una página de agradecimiento con un botón para bajar el kit. Instalarlo es un comando en la terminal, la ventana donde le escribís comandos a la compu: descomprimís el archivo que bajaste, y desde esa carpeta corrés install.sh.

¿Es de verdad gratis?

Sí. Sin tarjeta de crédito, y ninguna parte queda reservada para quien pague.

¿text-wrap: balance no lo resuelve ya?

Es un ajuste del archivo de estilos que empareja el largo de las líneas, y eso lo vuelve una buena red de seguridad. Pero no sabe qué significan las palabras, así que puede cortar después de "del" o en medio de una cita. En el kit queda como respaldo para los títulos que todavía no tienen cortes.

¿La proporción áurea no es puro adorno?

El número no tiene nada de mágico. Lo que importa es que todos los tamaños salen de una sola proporción, y por eso combinan. La proporción áurea da un paso chico para el texto y uno grande para los títulos.

Tengo una sola página y no tengo tiempo para un sistema.

Una página es justo el lugar para arrancar: al agente le lleva unos minutos. Los archivos quedan, y tu próxima página ya usa la misma escala.

Armo en Elementor o en Webflow.

Si tu herramienta te deja agregar un archivo de estilos y un script propios, los pegás con tus cortes. Si solo acepta HTML, el código de la página, el agente te arma el título como HTML listo con las líneas adentro, sin ningún script.

¿Funciona en hebreo y en inglés?

Sí. Cada idioma tiene su propia lista de palabras en las que una línea no puede terminar, y sus propios ejemplos.

¿Me van a llenar de spam o de llamadas?

Tus datos se usan para enviarte el kit y para contactarte después en relación con él. Los mensajes promocionales se envían solo si marcaste la casilla, y podés darte de baja cuando quieras. También podés pedir ver tus datos, corregirlos o borrarlos.

Y ahora

Podés dejar que el navegador corte donde se acaba el espacio, o podés cortar cada título donde se corta la frase.

Un kit para instalar y una guía en PDF de 6 páginas: una sola escala tipográfica, saltos de línea por significado y una lista de 18 chequeos, gratis.

Precio: GratisSin tarjeta de crédito

Quiero el kit

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

El kit queda listo para bajar apenas dejás tus datos

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

Tus datos se usan para contactarte. Qué se recopila, para qué y quién lo recibe: en la Política de privacidad (se abre en una pestaña nueva).