Rediseño · Stack Tecnológico
El 24 de abril de 2026 este proyecto tuvo su primer despliegue público. Después de meses de planeación, diseño y muchas horas frente al editor de código, Una Brujita Computóloga llegó por primera vez a internet.
Aquella primera versión representaba exactamente lo que imaginaba en ese momento: un blog personal con una estética inspirada en la alquimia, donde el código conviviera con la escritura.
Sin embargo, como cualquier proyecto vivo, no tardó en cambiar.
Durante las últimas semanas decidí replantear completamente la experiencia visual. No quería únicamente un blog bonito; quería que este espacio se sintiera como un grimorio digital, un archivo personal donde la ingeniería, el periodismo, la poesía y los proyectos pudieran convivir bajo una misma identidad.
El resultado es el rediseño que hoy estás viendo.
Una nueva interfaz inspirada en composiciones editoriales, una paleta Deep Spruce, tipografía con mayor jerarquía visual, navegación más limpia y una experiencia pensada tanto para escritorio como para dispositivos móviles.
Pero detrás del diseño también existe una base técnica que sostiene todo este proyecto.
El stack del grimorio
Este sitio está construido completamente con tecnologías que disfruto utilizar y que me han permitido aprender mucho durante el proceso.
El stack del grimorio
Este sitio continúa construido completamente con tecnologías que disfruto utilizar y que me han permitido aprender mucho durante el proceso.
Backend
- Ruby 3.2.2
- Ruby on Rails 7.1.6
- PostgreSQL 15
- Active Record
- Active Storage
- BCrypt (has_secure_password)
- Hotwire Turbo
- Ruby on Rails 7.1.6
- PostgreSQL 15
- Active Record
- Active Storage
- BCrypt (has_secure_password)
- Hotwire Turbo
Frontend
- ERB como motor de vistas del servidor.
- Tailwind CSS como base del sistema de estilos.
- JavaScript Vanilla para las interacciones y microanimaciones.
- Componentes responsivos diseñados mobile-first.
- Sistema de tipografía editorial combinando Noto Serif, Work Sans y JetBrains Mono.
- Diseño inspirado en composiciones editoriales y portafolios creativos, desarrollado a partir de una propuesta conceptual en Figma y posteriormente implementado de forma manual.
- Glassmorphism, jerarquía tipográfica, composición asimétrica y una identidad visual propia basada en el sistema Deep Spruce Archive.
- Tailwind CSS como base del sistema de estilos.
- JavaScript Vanilla para las interacciones y microanimaciones.
- Componentes responsivos diseñados mobile-first.
- Sistema de tipografía editorial combinando Noto Serif, Work Sans y JetBrains Mono.
- Diseño inspirado en composiciones editoriales y portafolios creativos, desarrollado a partir de una propuesta conceptual en Figma y posteriormente implementado de forma manual.
- Glassmorphism, jerarquía tipográfica, composición asimétrica y una identidad visual propia basada en el sistema Deep Spruce Archive.
Infraestructura (una de mis partes favoritas)
- Docker & Docker Compose
- WSL Ubuntu
- Render
- GitHub
- Dominio personalizado mediante Namecheap
- Cloudinary para almacenamiento de imágenes en producción.
- WSL Ubuntu
- Render
- GitHub
- Dominio personalizado mediante Namecheap
- Cloudinary para almacenamiento de imágenes en producción.