Saltar al contenido principal

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 balanceado Regular (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 0em o +0.01em para 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 */
}