Saltar al contenido principal

FUENTE PRINCIPAL (H1)

La Voz de Mando Sistemático. La tipografía que recibe el primer impacto visual en la arquitectura de CODE ME. Pura presencia brutalista e industrial que construye bloques inamovibles.

🏗️ Familia Elegida: Saira (Extra Expanded)​

Saira es una portentosa tipografía sans-serif de Google Fonts que se caracteriza por su brutal capacidad y solvencia para impactar visualmente el espacio con pura gravedad. Al usar tácticamente su versión “Extra Expanded” (Estrecho extra ancho), logramos emular instantáneamente el Vibe Retro-tech de aquellas pesadas matrices de pantallas antiguas. Es una fuente 100% estructural; luce idéntica a los bloques físicos de un rascacielos digital pesado.

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) { bitxo.build(); }
800 ExtraBoldif (idea) { bitxo.build(); }
900 Blackif (idea) { bitxo.build(); }

🛠️ Configuración (Specs)​

  • Pesos (font-weight): Exclusivamente los más aplastantes. Black (900) o ExtraBold (800).
  • Ancho (font-stretch): Literalmente imperativo configurarlo a extra-expanded (o elegir la familia Saira Extra Condensed en su defecto si tu software no procesa font-stretch variable).
  • El Rol: Actúa psicológicamente como El Muro de Contención.
  • Tracking: Generalmente un poco más apretado (Tight letter-spacing: -2%) para amarrar las letras unas dándose soporte contra otras como un puro bloque en vez de palabras separadas flotando solas.

📍 Puntos de Montaje Aprobados (Deploy)​

  • Uso dictatorial y sin excepciones para Títulos y Encabezados Mayores (H1).
  • Regla Estricta del Backend: El H1 Saira SIEMPRE se imprime en letras MAYÚSCULAS Sostenidas. Nunca capitalizadas ("Abc") o minúsculas.
  • La fuente principal para cualquier texto pesado sobre playeras o Merchandising.
  • En macro-pantallas corporativas o diapositivas donde necesitemos que una sola frase acapare todo el canvas.

💻 Implementación en Código​

/* Injecting Root Typographic Scale */

h1, .saira-heavy-title {
    font-family: 'Saira', sans-serif; 
    font-weight: 900;
    font-stretch: extra-expanded; 
    text-transform: uppercase;
    letter-spacing: -0.02em; /* Pegando los caracteres de sistema */
    line-height: 1.1; /* Rompiendo el interlineado flojo */
}