# Hola mundo

> Tu primera parada en alvarohuaroc.com: tipografía editorial, motion con GSAP y una bienvenida clara. Hola mundo con estilo Steep.

Source: https://alvarohuaroc.com/hola-mundo · Updated: 2026-10-19

[Alvaro Huaroc](https://alvarohuaroc.com/)
[Escribir →](mailto:hello@alvarohuaroc.com) Saludar

Bienvenida

# Hola, mundo .

Una primera página con tipografía editorial y motion suave. El sitio ya está vivo.

[Saludar ahora](mailto:hello@alvarohuaroc.com) [Volver al inicio](https://alvarohuaroc.com/)

Nota

## Hecho para probar el lienzo

Esta URL es el sandbox del sitio: tipografía serif, tarjetas flotantes y animación con GSAP. Nada de relleno, solo una bienvenida honesta.

Ver el detalle →

> “Si ves esto en producción, el pipeline funcionó. Siguiente paso: contenido real.”
>
>
> Alvaro Huaroc · hola mundo

Stack

## Tres piezas, un mismo tono

HTML y CSS a mano, motion con GSAP, estética Steep: papel cálido, negro tinta y un solo acento melocotón.

Tipografía

### Serif en display

Titulares en Source Serif 4, cuerpo en Inter. Peso 400 en el serif: autoridad sin gritar.

Subir al hero →

Motion

### GSAP + ScrollTrigger

Entrada escalonada, flotación continua en artefactos y reveals al hacer scroll. Suave, no circo.

Leer la nota →

Superficie

### Artefactos flotantes

Tablas, métricas y compositor como fragmentos de producto alrededor del titular. Sombra al 10%.

[Escribir →](mailto:hello@alvarohuaroc.com)

## ¿Seguimos?

Un hola basta para arrancar. Cuéntame qué quieres publicar aquí.

[hello@alvarohuaroc.com](mailto:hello@alvarohuaroc.com) [Ir al inicio](https://alvarohuaroc.com/)