ayfri.com
En vivo
Cargando la web en vivo…
Ayfri
Frontend
Tecnologías
Estilo
Oscuro
Lo que dice la propia web
- Título
- Full-Stack and AI Developer - Pierre Roy's Portfolio
- Descripción
- Pierre Roy (Ayfri), a Kotlin and Compose Multiplatform developer building web apps, Minecraft datapacks with Kore, and AI-powered side projects.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Ayfri
Leído el 4 nov 2026Colores, tipografías, formas y movimiento leídos de la página en vivo. Está para aprender: el diseño es de Ayfri.
Muestra armada con sus tokens
Source Sans 3JetBrains Mono
Ayfri
Este bloque no es una copia de la web: está armado solo con los colores, tipografías y esquinas que leímos de ella.
Acción principalSecundaria// 200ms
Tipografías
- Source Sans 3TextoAa400Aa500Aa600
- JetBrains MonoMonoAa400Aa700
Tamaños de letra
- 20pxPortfolio
- 19pxPortfolio
- 17pxPortfolio
- 16pxPortfolio
- 15pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Esquinas y espaciado
6px8px9px14px50px
Espaciado
36789101112
Ancho del contenido: 1200px
Movimiento
ease250ms
cubic-bezier(0.2, 0.8, 0.2, 1)300ms
200ms250ms300ms600ms· 9 elementos animados
Patrones reconocidos
- Tema oscuroFondo oscuro con texto claro.
- Detalles en monoTipografía monoespaciada para etiquetas o datos.
- Header fijoLa barra de arriba queda visible al bajar.
- Grilla de tarjetasProyectos ordenados en una grilla.
¿Es tuyo y prefieres que no lo mostremos? Pide que lo quitemos
- Texto con degradé+8Títulos o palabras pintadas con un degradé de color."Ayfri"
- Tarjetas iguales con ícono+6Grupos de tarjetas idénticas, cada una con un ícono arriba y un título.×2
Estimación automática de folios.directory, medida el 4 nov 2026. Si se equivoca, el error es nuestro. Usar IA no tiene nada de malo: solo muestra cuánto se acerca un sitio a lo que trae un generador por defecto.
Avisar de un error
¿Es tu portfolio?
ayfri.com