Nutri, fase 2: tipografías
La combinación actual de DESIGN.md junto a tres alternativas, todas de Google Fonts con licencia libre. Cada columna repite lo mismo: un recorte de «Hoy», un titular del sitio público, una fila del panel con cifras, la escala de tamaños y por qué se propone. Los colores son los tokens de DESIGN.md. Datos ficticios.
En «Confusiones», la primera muestra está en la letra de texto y la segunda en la de cifras: ahí se ve si el 0 va tachado y si el 1, la l y la I se distinguen.
Actual
Newsreader 500 + Atkinson Hyperlegible
1 · App del paciente, «Hoy»
Hola, Javiera
Lunes 9 de noviembre · tu plan de Carola
Comidas de hoy
- DesayunoMarraqueta con palta y téestimado 320–380 calorías
- AlmuerzoPorotos con riendasestimado 540–620 calorías
- OnceYogur con avena y 1/2 plátanoestimado 170–210 calorías
2 · Sitio público, titular
Los sellos ALTO EN, leídos en 30 segundos
Qué significa cada octágono negro, cuál mirar primero y por qué un producto con un sello no es «prohibido».
Verificado por Carola · revisado el 12 oct
3 · Panel, fila con cifras
| Control | Peso | IMC |
|---|---|---|
| 14 sep | 77,4 kg | 28,4 |
| 28 sep | 76,9 kg | 28,2 |
| 12 oct | 76,2 kg | 28,0 |
4 · Escala
12Porción de 1/2 taza, 170 g
14Porción de 1/2 taza, 170 g
16Porción de 1/2 taza, 170 g
18Porción de 1/2 taza, 170 g
22Mi plan · 10:07
28320–380
36Hola, Javiera
44Aprende
Confusiones: Il1 O0 7 · 1/7 · 0,5 Il1 O0 7 · 1/7 · 0,5
Por qué y riesgo. Es la base que ya está en las maquetas: Newsreader da el tono editorial de «Recetario» y Atkinson fue diseñada para personas con baja visión, con cada letra distinta de su vecina. Por eso las cifras van en Newsreader: Atkinson tacha el 0 y obliga a cambiar de familia dentro de una misma frase. El riesgo es que Newsreader tiene ojo chico (letras bajas) y a 16–18 px se ve fina para un paciente mayor.
Alternativa B · serif lectora
Literata 500 + Source Sans 3
1 · App del paciente, «Hoy»
Hola, Javiera
Lunes 9 de noviembre · tu plan de Carola
Comidas de hoy
- DesayunoMarraqueta con palta y téestimado 320–380 calorías
- AlmuerzoPorotos con riendasestimado 540–620 calorías
- OnceYogur con avena y 1/2 plátanoestimado 170–210 calorías
2 · Sitio público, titular
Los sellos ALTO EN, leídos en 30 segundos
Qué significa cada octágono negro, cuál mirar primero y por qué un producto con un sello no es «prohibido».
Verificado por Carola · revisado el 12 oct
3 · Panel, fila con cifras
| Control | Peso | IMC |
|---|---|---|
| 14 sep | 77,4 kg | 28,4 |
| 28 sep | 76,9 kg | 28,2 |
| 12 oct | 76,2 kg | 28,0 |
4 · Escala
12Porción de 1/2 taza, 170 g
14Porción de 1/2 taza, 170 g
16Porción de 1/2 taza, 170 g
18Porción de 1/2 taza, 170 g
22Mi plan · 10:07
28320–380
36Hola, Javiera
44Aprende
Confusiones: Il1 O0 7 · 1/7 · 0,5 Il1 O0 7 · 1/7 · 0,5
Por qué y riesgo. Literata nació para leer libros largos en pantalla: serifas firmes, ojo más grande que Newsreader y cifras tabulares, así que mantiene la dirección «Recetario» con más cuerpo. Source Sans 3 trae cifras tabulares por defecto y el 0 sin tachar, de modo que el texto y los números pueden ir en la misma letra. El riesgo es que el par se vuelve más sobrio y menos «hecho a mano»; hay que cuidar el morado para que no quede institucional.
Alternativa C · serif cálida
Besley 500 + Figtree
1 · App del paciente, «Hoy»
Hola, Javiera
Lunes 9 de noviembre · tu plan de Carola
Comidas de hoy
- DesayunoMarraqueta con palta y téestimado 320–380 calorías
- AlmuerzoPorotos con riendasestimado 540–620 calorías
- OnceYogur con avena y 1/2 plátanoestimado 170–210 calorías
2 · Sitio público, titular
Los sellos ALTO EN, leídos en 30 segundos
Qué significa cada octágono negro, cuál mirar primero y por qué un producto con un sello no es «prohibido».
Verificado por Carola · revisado el 12 oct
3 · Panel, fila con cifras
| Control | Peso | IMC |
|---|---|---|
| 14 sep | 77,4 kg | 28,4 |
| 28 sep | 76,9 kg | 28,2 |
| 12 oct | 76,2 kg | 28,0 |
4 · Escala
12Porción de 1/2 taza, 170 g
14Porción de 1/2 taza, 170 g
16Porción de 1/2 taza, 170 g
18Porción de 1/2 taza, 170 g
22Mi plan · 10:07
28320–380
36Hola, Javiera
44Aprende
Confusiones: Il1 O0 7 · 1/7 · 0,5 Il1 O0 7 · 1/7 · 0,5
Por qué y riesgo. Besley es una serif de remates gruesos inspirada en los tipos de imprenta del siglo XIX, con un aire de recetario de cocina que ninguna de las otras tiene. Figtree es una sans amable y redonda, con cifras tabulares y un 1 con banderita. El riesgo es doble: Besley pesa mucho y solo sirve sobre 22 px, y en Figtree la I mayúscula y la l minúscula son casi iguales.
Alternativa D · todo sans
Red Hat Display 500 + Red Hat Text
1 · App del paciente, «Hoy»
Hola, Javiera
Lunes 9 de noviembre · tu plan de Carola
Comidas de hoy
- DesayunoMarraqueta con palta y téestimado 320–380 calorías
- AlmuerzoPorotos con riendasestimado 540–620 calorías
- OnceYogur con avena y 1/2 plátanoestimado 170–210 calorías
2 · Sitio público, titular
Los sellos ALTO EN, leídos en 30 segundos
Qué significa cada octágono negro, cuál mirar primero y por qué un producto con un sello no es «prohibido».
Verificado por Carola · revisado el 12 oct
3 · Panel, fila con cifras
| Control | Peso | IMC |
|---|---|---|
| 14 sep | 77,4 kg | 28,4 |
| 28 sep | 76,9 kg | 28,2 |
| 12 oct | 76,2 kg | 28,0 |
4 · Escala
12Porción de 1/2 taza, 170 g
14Porción de 1/2 taza, 170 g
16Porción de 1/2 taza, 170 g
18Porción de 1/2 taza, 170 g
22Mi plan · 10:07
28320–380
36Hola, Javiera
44Aprende
Confusiones: Il1 O0 7 · 1/7 · 0,5 Il1 O0 7 · 1/7 · 0,5
Por qué y riesgo. Una sola superfamilia sin serifas: Display para títulos y cifras, Text (más abierta y espaciada) para leer, las dos con cifras tabulares. Es la opción más clara y moderna, con el 0 ovalado sin tachar y un 7 de trazo recto inconfundible. El riesgo es perder el carácter editorial de «Recetario» y que el nombre recuerde a la empresa de software Red Hat.