FUENTE SECUNDARIA (<P>)
La Voz Humana. La tipografía nativa con curvas geométricas diseñada para que los humanos reales (padres de familia corporativos y alumnos leyendo código) nos entiendan ágilmente sin forzar la vista en pantallas saturadas.
💬 Familia Elegida: Montserrat
Montserrat es nuestra navaja suiza de la legibilidad. Es una fuente sin patines (sans-serif) tremendamente moderna, pulcramente geométrica pero amable a la vista. Su rol supremo en el canvas gráfico es traducir y rebajar la arrolladora intensidad visual bruta de nuestras otras dos tipografías (La brutalista Saira y la robótica JetBrains), permitiendo a los usuarios consumir párrafos largos, explicaciones complejas y legales corporativos sin agotarse en fracciones de segundo.
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
^
&
*
(
)
_
+
-
=
[
]
{
}
|
;
'
:
"
,
.
/
<
>
?
if (idea) { return bitxo.build(); }
400 Regularif (idea) { return bitxo.build(); }
600 SemiBoldif (idea) { return bitxo.build(); }
700 Boldif (idea) { return bitxo.build(); }
🛠️ Configuración (Specs)
- Pesos Aprobados (
font-weight):SemiBold (600)para hacer resaltar los links, negrillas de énfasis (<b>) y subtítulos ligeros. O el balanceadoRegular (400)estricto para cuerpos de texto. - El Rol: El balance. La claridad mental (UX) y la lectura sostenida.
- Tracking: Relajado. Nunca debe ir apretada. Deja que las letras respiren a
0emo+0.01empara maximizar la lectura horizontal en resoluciones móviles.
📍 Puntos de Montaje Aprobados (Deploy)
¿Dónde implementar este recurso textual?
- Cuerpos de texto masivos (Body text, Documentación general y
Text-areas). - Textos y Footers Legales.
- Documentos corporativos y PDF de alianzas estratégicas dirigidos a socios (Business to Business).
💻 Implementación en Código
/* Injecting Soft Typographic Scale */
p, span, .body-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400; /* Regular base */
line-height: 1.6; /* Aire vital entre lineas */
color: var(--cm-blanco-consola); /* Contraste Dark Mode */
}
b, strong {
font-weight: 600; /* Pop-out SemiBold */
}