Nebula Sans: fuente gratuita para tu SaaS

Tu producto tiene siete pantallas y cinco fuentes distintas. Nadie eligió eso. Fue pasando: el dev usó la fuente por defecto del framework, el diseñador freelance trajo otra, alguien pegó un componente de librería que vino con la tercera, y el email transaccional salió en Arial porque nadie lo miró. Nebula Sans, una fuente gratuita y open source pensada para interfaz, resuelve buena parte de esto con una sola decisión. Y es justo ese tipo de decisión que la mayoría de los SaaS pequeños aplaza hasta que se convierte en retrabajo.

Voy a explicar por qué la tipografía importa más de lo que parece en un producto digital, y por qué una fuente gratuita bien hecha hoy entrega lo que hace cinco años solo entregaba una licencia cara.

Por qué la fuente de tu SaaS no es un detalle

Un SaaS es 90% texto. Nombre de campo, botón, tabla, mensaje de error, número en el dashboard, aviso de cobro. El usuario se pasa el día leyendo lo que escribiste, en pantallas pequeñas, con prisa, muchas veces desde el celular mientras hace otra cosa.

Cuando la fuente es mala para interfaz, el costo aparece en lugares que nadie asocia al diseño:

• El 1 parece l y el cliente escribe el código equivocado.
• Los números en columna no se alinean, y la tabla de facturación se vuelve difícil de comparar.
• El texto de 12px se ve borroso, y la persona hace zoom en vez de leer.
• El peso "semibold" no existe, así que todo queda o muy fino o muy pesado.

Nada de esto tumba el producto. Solo hace que parezca amateur y canse más. El cansancio se vuelve ticket de soporte, y un ticket de soporte se vuelve costo con nombre y apellido.

Las fuentes de texto corrido, esas bonitas de sitio institucional, fueron diseñadas para otro trabajo. Una interfaz pide una fuente que aguante ser leída cien veces al día sin llamar la atención.

Qué trae Nebula Sans

Nebula Sans es una sans serif neogrotesca, esa familia que popularizó la Helvetica. Formas neutras, sin personalidad gritona, hecha para desaparecer y dejar que el contenido se vea. Es gratuita, open source y liberada para uso comercial.

Los puntos que importan para producto:

• Familia completa de pesos. Puedes armar una jerarquía de verdad: título, subtítulo, cuerpo, leyenda, cada uno con su peso propio. Sin el parche de "negrita y listo".
• Números tabulares. Todos los dígitos ocupan el mismo ancho, así que las columnas se alinean solas. Si muestras precios, saldos o métricas, este es el recurso más subestimado de la lista.
• Diseño pensado para pantalla, no para papel. Espaciado lo bastante abierto para que los textos pequeños sigan siendo legibles.
• Licencia sin letra chica. La usas en la app, en el sitio, en el email, en el PDF del contrato, en la presentación comercial. Sin contar pageviews, sin renovar cada año.

Este último punto es el que mucha gente descubre tarde. La licencia de una fuente comercial para web suele cobrarse por volumen de acceso. Creció el tráfico, creció la cuenta. Y es una cuenta que nadie previó en el plan financiero, porque una fuente no parece infraestructura.

Una buena fuente es la que no notas. Si el usuario se fijó en la fuente, es que estorbó.

"¿Pero una fuente gratis no es peor?"

Lo era, hace diez años. Fuente gratuita significaba tres pesos, acentuación torcida y una ñ que parecía pegada con cinta.

Cambió. Las mejores fuentes de interfaz hoy son abiertas, y buena parte de ellas nació dentro de empresas de producto que necesitaban resolver su propio problema. El modelo cambió: en vez de vender la fuente, el estudio la libera y gana reputación y trabajo.

La prueba que hago es siempre la misma, y la puedes hacer en cinco minutos:

1. Escribe el texto más aburrido de tu producto en esa fuente. Algo tipo "No fue posible procesar el pago. Verifica los datos de la tarjeta e intenta de nuevo."
2. Ponlo en 13px, gris medio, fondo blanco.
3. Míralo en el celular, con poco brillo.
4. Escribe al lado una columna de valores: 1.480,00 / 990,00 / 12.375,50.

Si el texto pequeño sigue limpio y los números se alinean, la fuente sirve. Si no, ni el precio más alto la salva. He visto fuentes de mil dólares fallar en esta prueba porque fueron diseñadas para revista.

Y está la parte aburrida que casi nadie prueba: la acentuación en español. Nuestro idioma usa ñ, á, é, í, ó, ú, ü, además de ¿ y ¡. Muchas fuentes extranjeras tratan eso como adorno. Si la tilde queda pegada a la letra o la ñ se pierde en tamaño pequeño, tu producto va a parecer traducido con Google Translate. Prueba con "Información de la suscripción no disponible" antes de decidir cualquier cosa.

El costo escondido: peso y velocidad

Aquí entra la parte que afecta la facturación directo.

Cada peso de la fuente es un archivo que el navegador tiene que descargar antes de mostrar el texto bien. Si cargas seis pesos, más la itálica de cada uno, eso puede pasar de 500 KB solo en tipografía. Con un 4G malo, el usuario se queda mirando una pantalla en blanco o ve el texto saltar de una fuente a otra a mitad de la lectura.

Lo que hago en la práctica:

• Cargo dos o tres pesos, máximo. Regular, medium y bold resuelven el 95% de cualquier interfaz.
• Uso formato woff2, que es el más liviano y funciona en todo lo que importa.
• Alojo la fuente en mi propio dominio, en vez de traerla de un servicio externo. Una dependencia menos, una petición menos, y nadie rastreando a tu usuario de regalo.
• Defino una fuente de sistema como respaldo, para que el texto aparezca de inmediato mientras carga la principal.

Esto suele reducir a la mitad el tiempo hasta el primer texto legible. No es una microoptimización de nerd: es lo que separa al visitante que espera del que cierra la pestaña.

Una decisión, no un proyecto

Lo que me gustaría que más gente entendiera es que estandarizar la tipografía es barato cuando lo haces temprano y caro cuando lo haces tarde.

Temprano: eliges una familia, defines cinco tamaños, tres pesos, y lo escribes en un archivo. Medio día de trabajo.

Tarde: tienes cuarenta componentes con tamaños inventados sobre la marcha, el email transaccional en otra fuente, el PDF en otra, la landing page en una más. Ahí ya no es tipografía, es arqueología. Ya agarré proyectos con diecinueve tamaños de texto distintos en veinte pantallas. Nadie decidió eso. Fue simplemente nadie decidiendo nada, durante dos años.

La escala que uso casi siempre, y que alcanza para cualquier SaaS:

• 12px leyenda
• 14px cuerpo de interfaz
• 16px cuerpo de lectura
• 20px título de sección
• 28px título de página

Cinco tamaños. Si necesitas un sexto, probablemente el problema sea de layout, no de tipografía.

Cómo aplicar esto en tu semana

Si manejas un producto y llegaste hasta aquí pensando "el mío sí está desordenado", empieza por lo más visible:

1. Abre la pantalla que tus clientes más usan. Solo esa.
2. Anota cuántos tamaños y pesos de texto aparecen ahí.
3. Recorta a cuatro combinaciones como máximo.
4. Elige una sola familia, aplícala, y pasa a la siguiente pantalla la semana siguiente.

No hace falta un rediseño. Un rediseño es caro, tarda y asusta al usuario. Estandarizar es aburrido, rápido y nadie se queja, porque la persona solo siente que el producto quedó más fácil sin saber explicar por qué.

Es ese tipo de acomodo el que hago en productos que ya están corriendo: tocar lo que da retorno, sin frenar la operación ni tirar lo que funciona. Si tu SaaS está en ese punto en el que todo funciona pero nada parece del mismo lugar, cuéntame cómo está hoy y vemos qué se puede resolver primero.

Tu SaaS tiene siete pantallas y cinco fuentes distintas. Nadie eligió eso, fue pasando.

El dev usó la que venía por defecto en el framework, el freelance trajo otra, el email transaccional salió en Arial porque nadie lo miró.

Parece un detalle, pero un SaaS es 90% texto. Cuando el "1" parece "l", el cliente escribe el código equivocado. Cuando los números no se alinean, la tabla de cobros se vuelve adivinanza. Eso se convierte en ticket de soporte, y un ticket tiene un costo con nombre y apellido.

La buena noticia: hoy se resuelve con una fuente gratuita y open source, tipo Nebula Sans. Pesos completos, números tabulares, licencia sin letra chica.

Estandarizar la tipografía cuesta medio día si lo haces temprano. Si lo dejas para después, ya no es diseño, es arqueología.

Si tu producto funciona pero nada parece del mismo lugar, escríbeme y vemos qué arreglar primero.

#SaaS #Tipografía #DiseñoDeProducto #UX #MicroSaaS