colofón · cómo está hecha esta página
Colofón
Este sitio es un portafolio y un cuaderno de trabajo a la vez. Todo lo que ves está construido desde el código, y ese código es lo que te estoy mostrando. Lo que sigue es la receta completa.
Tipografía
- Display
- Space Grotesk, variable. El titular es lo más grande que se pinta en cada página, así que su archivo se precarga.
- Mono
- JetBrains Mono, variable. Etiquetas, conteos, la línea de terminal y todo lo que es dato y no prosa.
- Servicio
- Las dos fuentes se sirven desde este dominio (Fontsource). No se pide nada a un CDN de fuentes.
Construcción
- Generador
- Astro 4, todo estático. Dos idiomas: inglés en la raíz, español bajo /es/. Cada página es un archivo real con su propia URL.
- Estilos
- Tailwind 3.4 sobre un puñado de variables CSS. Oscuro primero; el claro es su inverso, no un añadido.
- Contenido
- Proyectos y habilidades son colecciones de contenido. Un proyecto solo puede nombrar una habilidad que existe; una errata rompe el build en vez de publicar una mentira.
- Scripts
- Un módulo pequeño por comportamiento (filtros, el cambio de vista, la cabecera). Sin framework en el navegador. Sin JavaScript, cada página se sigue leyendo entera.
Movimiento
- Vocabulario
- Cinco movimientos, definidos una sola vez: pulsar (escala 0,98, con resorte), elevar (2 px), una entrada escalonada por página (máximo 8 elementos, 40 ms entre uno y otro), un anillo de foco de 120 ms, y tres firmas: el monograma que se dibuja, el anillo de la paleta que gira, los números de la franja que cuentan una vez.
- Movimiento reducido
- Con prefers-reduced-motion todos quedan apagados. Los videos nunca se reproducen solos.
Color
- Acento
- Un teal desaturado, #2DD4BF en oscuro y #0D9488 en claro, elegido por contraste antes que por gusto.
- Paletas
- El atelier (Shift+A) repinta la página con paletas extraídas de pinturas de dominio público. Cada par se verifica contra WCAG AA antes de publicarse; la atribución individual se está añadiendo paleta por paleta.
Alojamiento y privacidad
- Servidor
- Hostinger, archivos estáticos. Cada push a la rama principal reconstruye y despliega el sitio; no hay subida manual.
- Rastreo
- Ninguno. Sin analítica, sin cookies, sin peticiones a terceros. Tu tema y un par de preferencias de diseño se quedan en tu propio navegador.
- Verificación
- Cada despliegue pasa por un build, una comprobación de tipos, una revisión de enlaces internos y una pasada de capturas a 1440 y 390 px. Los informes viven junto al código.
Autor y licencia
- Autor
- Yoichi Palacios Tanaka, que firma como IchiSieben (iC7). Lima, remoto.
- Código
- Apache-2.0. El repositorio será público cuando termine su auditoría de secretos.
- Textos e imágenes
- © 2026 IchiSieben. Las capturas y clips de los proyectos son míos; las obras detrás de las paletas son de dominio público.
- Además
- humans.txt está en /humans.txt. Esta página se construyó el 2026-09-24.