Una experiencia web con estética retro‑pixel inspirada en videojuegos clásicos: títulos con contorno, tarjetas con "sombra presionable" y una textura cálida de papel que acompaña todo el recorrido.
Un escaparate honesto y directo de mi trabajo como desarrollador frontend (con base en web y curiosidad por el backend). Aquí reúno mis proyectos, mis habilidades y mi formación para que puedas conocer cómo pienso, cómo diseño y cómo construyo.
La idea es simple: mostrar lo esencial con personalidad. No verás fuegos artificiales innecesarios; verás intención, criterio de diseño y atención al detalle.
-
Identidad Un header fijo que te acompaña: logo, avatar, mi nombre y mis redes. Es mi carta de presentación y el punto de anclaje visual del sitio.
-
Proyectos con propósito Tarjetas que cuentan historias: cada proyecto busca resolver un problema o demostrar una habilidad específica. Al pasar el cursor, la tarjeta responde: es sutil, pero te invita a explorar.
-
Habilidades reales Un grid de skills donde cada tecnología tiene su propia mini-identidad de color. No es solo una lista: es un mapa rápido de mi stack y mis herramientas.
-
Formación que suma Plataformas, comunidades y referentes que han moldeado mi camino. Más que logos, hay contexto: por qué y para qué.
-
Logros interactivos Diplomas con un toque lúdico: haces clic y se despliega. La interacción es ligera, pero refuerza el mensaje: hay contenido detrás del estilo.
-
Contacto sin fricción Preferencias claras para hablar conmigo: correo y Discord. Sin formularios eternos.
-
Textura Un fondo con textura sutil y fija que evoca materialidad. La sensación retro no es nostalgia vacía: busca hacer el sitio memorable y cómodo.
-
Tarjetas con relieve Las secciones principales usan un patrón de "sombra desplazada". Al interactuar, la tarjeta se "presiona". Es un guiño a la UI tangible y a los botones clásicos.
-
Tipografías Una mezcla entre una sans moderna con espíritu pixel y una tipografía arcade para acentos puntuales. Legible, con carácter.
- Base cálida con textura para identidad sin distracción:
Fondo
#D3C4ACTextura
#BDB2A2Texto principal
#2C2C54Acentos
#9A1750
- Jerarquía y estilo arcade en titulares:
Título
#FCB423Trazo
#000000Sombra
#37241B
- Subtítulos suaves y legibles:
Subtítulo
#FBE7B8Trazo subtítulo
#34241D
- Reconocimiento instantáneo por marca en “Skills” (ejemplos):
HTML
#E34F26CSS
#1572B6JS
#F7DF1EPython
#0276BCDjango
#092E20
-
Bienvenida Breve texto de contexto: qué hago, con qué trabajo y qué puedes esperar del sitio.
-
Proyectos Selección cuidada con descripción clara: qué es, para quién sirve y qué aporta.
-
Skills Un tablero visual con colores por stack para reconocer rápidamente mis herramientas.
-
Formación Comunidades y referentes que me inspiran a mejorar todos los días.
-
Diplomas Interacción suave para explorar mis certificaciones.
-
Contacto Dos toques y estás hablando conmigo.
- Claridad primero: cada elemento tiene un porqué.
- Consistencia: tipografías, espaciados y patrones visuales cohesionados.
- Microinteracciones: efectos sutiles que dan feedback sin distraer.
- Rendimiento y simpleza: valor visual con una base ligera.
- Reclutadores y managers que buscan entender mi forma de trabajar.
- Colaboradores que quieren valorar mi encaje en un equipo.
- Clientes que necesitan ver resultados claros y confiables.
Si te gusta lo que ves y quieres construir algo conmigo, hablemos. Me apasiona crear experiencias que se sientan bien y resuelvan problemas reales.